慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕运维5309941

onmouseover=“info”/

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2019-05-15
慕仔5117055

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">

//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos =[
['小A','女','21','大一'], ['小B','男','23','大三'],

['小C','男','24','大四'], ['小D','女','21','大一'],

['小E','女','22','大四'], ['小F','男','21','大一'],

['小G','女','22','大二'], ['小H','女','20','大三'],

['小I','女','20','大一'], ['小J','男','20','大三']
]
/*
//这是第一种方法（逻辑与）
for(i=0; i < infos.length;i++){
if(infos[i][3]=="大一" && infos[i][1]=="女"){
//alert(infos[i][3]);
document.write(infos[i][0] + "<br/>")
}
}*/

//第一次筛选，找出都是大一的信息

for(i=0; i < infos.length;i++){
if(infos[i][3]=="大一"){
//document.write(infos[i]+"<br>")
//第二次筛选，找出都是女生的信息
var myarr = infos[i];
if(myarr[1] == "女"){
//alert(myarr[0]);
document.write(myarr[0]);
document.write("<br><br><br>")
}

}
}


</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-05-15
慕仔5117055

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">

//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos =[
['小A','女','21','大一'], ['小B','男','23','大三'],

['小C','男','24','大四'], ['小D','女','21','大一'],

['小E','女','22','大四'], ['小F','男','21','大一'],

['小G','女','22','大二'], ['小H','女','20','大三'],

['小I','女','20','大一'], ['小J','男','20','大三']
]

//alert(infos.length);
//第一次筛选，找出都是大一的信息
for(i=0; i < infos.length;i++){
if(infos[i][3]=="大一" && infos[i][1]=="女"){
//alert(infos[i][3]);
document.write(infos[i][0] + "<br/>")
}
}

//第二次筛选，找出都是女生的信息


</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-05-14
_miracle

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
var attime;
function clock(){
    var time=new Date();
    attime=(time.getHours()+'时'+time.getMinutes()+'分'+time.getSeconds()+'秒');
    document.getElementById("clock").value = attime;
}
attime = setInterval("clock()","1000");
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50"/>
</form>
</body>
</html>

查看全部

0 采集收起来源：计时器setInterval()
2019-05-14
慕仔5117055

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>continue</title>
<script type="text/JavaScript">
var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
var i = 0;
for(i; i < mynum.length;i++){
if(mynum[i] < 60){
document.write("<span style = 'color:red'>" + mynum[i] + "</span>" + "   ")
continue;
}
document.write(mynum[i] + "   ");
}
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：继续循环continue
2019-05-14
慕仔5117055

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>break</title>
<script type="text/JavaScript">
var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
var i = 0;
for(i; i < mynum.length; i++){
if(mynum[i] < 60){
break;
}
document.write(mynum[i] + "  ");
}

</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：退出循环break
2019-05-14
慕仔5117055

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>do...while</title>
<script type="text/javascript">
var num = 6;
do{
document.write(num + "<br/>");
num++;
}while(num < 12);
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：来来回回(Do...while循环)
2019-05-14
慕仔5117055

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>while</title>
<script type="text/javascript">
var num = 6;
while(num < 12){
document.write(num + "<br/>");
num++
}
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：反反复复(while循环)
2019-05-14
慕仔5117055

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>if...else</title>
<script type="text/JavaScript">
var mymoney = 0;
var sum = 1;
for(sum = 1; sum <= 10; sum++){
mymoney += sum;
}
document.write(mymoney);
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：重复重复（for循环）
2019-05-14
慕仔5117055

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>switch</title>
<script type="text/JavaScript">
//var myweek =3; //myweek表示星期几变量

var mydate = new Date();
var myweek = mydate.getDay();
switch(myweek)
{
case 1:
case 2:
document.write("学习理念知识");
break;
case 3:
case 4:
document.write("到企业实践");
break;
case 5:
document.write("总结经验");
case 6:
case 7:
document.write("周六、日休息和娱乐");
break;
default:
}
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：多种选择（Switch语句)
2019-05-14
慕仔5117055

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>二维数组</title>
<script type="text/javascript">
document.write("<h2 style='color:red'>" + "这是数组输出九九乘法表" + "</h2>");
var myarr = new Array();
for(i = 1;i < 10; i++){
myarr[i] = new Array();
for(j = 1; j <= i; j++){
//document.write(i*j + "   ");
myarr[i][j] = i*j;
document.write(myarr[i][j] + "   ");
}
document.write("</br>")
}
document.write("</br></br></br></br>")
</script>
<script type="text/javascript">
document.write("<h2 style='color:blue'>" + "这是for循环输出九九乘法表" + "</h2>");
for(i = 1;i < 10; i++){
for(j = 1; j <= i; j++){
document.write("<span style='color:blue'>" + i*j + "   " + "</span>");
}
document.write("</br>")

}

</script>
</head>

<body>
</body>
</html>

查看全部

0 采集收起来源：二维数组
2019-05-14
movbenr

var main = document.body;
//创建链接
function createa(url,text)
{

var a=document.createElement("a");
a.href=url;
a.innerHTML=text;
a.style.color="red";
main.appendChild(a);
}
// 调用函数创建链接
createa("https://www.imooc.com/","慕课网");

查看全部

0 采集收起来源：创建元素节点createElement
2019-05-14
瞌睡虫67

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">

      window.onload = function(){

     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
        var chr = document.getElementsByTagName("tr");
  chr[0].style.backgroundColor = "#f2f2f2";
         for(var i = 1 ; i<chr.length;i++){
          chr[i].setAttribute("onmouseover","change(this,1)");
          chr[i].setAttribute("onmouseout","change(this,2)");
      }

}
function change(obj,num){
      if(num === 1 ){
          obj.style.backgroundColor = "#f2f2f2";
      }
      else if(num === 2){
          obj.style.backgroundColor = "#fff";
      }


}

      // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
     function add(){
         var table = document.getElementById("table");
         var h = table.childNodes.length+1;
         var tr = document.createElement("tr");
         var td1 = document.createElement("td");
         var td2 = document.createElement("td");
         var td3 = document.createElement("td");
         var a = document.createElement("a");
         td1.innerHTML = "xh00"+h;
         tr.appendChild(td1);
         td2.innerHTML = "六六七";
         tr.appendChild(td2);
         a.innerHTML = "删除";
         a.href = "javascript:;";
         a.setAttribute("onClick","del(this)");
         td3.appendChild(a);
         tr.appendChild(td3);
         table.appendChild(tr);
         tr.setAttribute("onmouseover","change(this,1)");
      tr.setAttribute("onmouseout","change(this,2)");

     }


     // 创建删除函数
     function del(d){
         alert(d);
         d.parentNode.parentNode.parentNode.removeChild(d.parentNode.parentNode);

     }

</script>
</head>
<body>
    <table border="1" width="50%" id="table">
    <tr>
  <th>学号</th>
  <th>姓名</th>
  <th>操作</th>
    </tr>
    <tr>
  <td>xh001</td>
  <td>王小明</td>
  <td><a href="javascript:;" onClick = "del(this)" >删除</a></td>   
    </tr>
    <tr>
  <td>xh002</td>
  <td>刘小芳</td>
  <td><a href="javascript:;" onClick = "del(this)">删除</a></td>   
    </tr>
    </table>
    <input type="button" value="添加一行" onClick = "add()" />   
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-05-14
weixin_慕无忌4135635

使用length属性显示数组长度。
<title>数组长度</title>
<script language="javascript">
var mynum=new Array(65,90,88,98);
console.lg(mynum.length);
document.write("数组的长度是:"+ ? );
</script>

查看全部

0 采集收起来源：了解成员数量(数组属性length)
2019-05-14
Coco柯柯

插眼

查看全部

0 采集收起来源：让你认识JS
2019-05-13

首页上一页 381 382 383 384 385 386 387 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面