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】实现购物导航页面中的图片轮播效果。

 

<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】实现购物列表页面中的热门随机推荐。

 

<!--  End -->

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

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


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