JavaScript作业四 编程应用


 

【任务6-1】实现Q-Walking E&S后台模拟登录。

 

<script type="text/javascript"> window.onload = function(){ var flag = 0; do{ var array = [["admin","admin"],["123","123"],["456","456"]]; var username = prompt("请输入用户名!"); var userpwd = prompt("请输入密码!");

for (var i = 0; i < array.length; i++) { if(array[i][0] == username && array[i][1] == userpwd){ alert("用户登录成功,欢迎<"+username+">使用!"); flag = 1; }

if (username == null && userpwd == null) { flag = 2;

} } if (flag == 0) { alert("用户名或密码错误,请重新登录"); } }while(flag == 0); }

</script>

   

【任务6-2】实现Q-Walking E&S购物列表页面的商品展示模块。

 

【任务7-1】实现购物导航页面中的图片轮播效果。 {#yui_3_17_2_1_1523771726762_271}  

<br> <div class="panel panel-default col-md-6 col-md-offset-3"> <div class="panel-body">

<div id="demo" class="carousel slide" data-ride="carousel">

<!-- 指示符 --> <ul class="carousel-indicators"> <li data-target="#demo" data-slide-to="0" class="active"></li> <li data-target="#demo" data-slide-to="1"></li> <li data-target="#demo" data-slide-to="2"></li> </ul>

<!-- 轮播图片 --> <div class="carousel-inner"> <div class="carousel-item active"> <img src="http://static.runoob.com/images/mix/img_fjords_wide.jpg"> </div> <div class="carousel-item"> <img src="http://static.runoob.com/images/mix/img_nature_wide.jpg"> </div> <div class="carousel-item"> <img src="http://static.runoob.com/images/mix/img_mountains_wide.jpg"> </div> </div>

<!-- 左右切换按钮 --> <a class="carousel-control-prev" href="#demo" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next"> <span class="carousel-control-next-icon"></span> </a>

</div> </div> </div>

     

【任务7-2】实现购物列表页面中的热门随机推荐。

 

声明:May丶乘剑的部落小阁|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - JavaScript作业四 编程应用


一个偶尔努力、偶尔懈怠的“搬砖”人