慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

冰镇小白

写函数名。

第一种情况:在<script>标签内调用。

  <script type="text/javascript">
    function add2()
    {
         sum = 1 + 1;
         alert(sum);
    }  add2();//调用函数，直接写函数名。</SCRIPT>

第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。

<html>
<head><script type="text/javascript">
   function add2()
   {
         sum = 5 + 6;
         alert(sum);
   }
</script>
</head>
<body>
<form>
<input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名</form>
</body>
</html>

查看全部

0 采集收起来源：函数调用

2018-08-22

冰镇小白

函数的作用，可以写一次代码，然后反复地重用这个代码。

查看全部

0 采集收起来源：什么是函数
2018-08-22
qq_AG_11

navigator对象包换有关浏览器的信息通常用于检测浏览器与操作系统的版本

查看全部

0 采集收起来源：Navigator对象
2018-08-22
Pepsi7

setTimeout()和clearTimeout()一起使用，停止计时器。

查看全部

0 采集收起来源：取消计时器clearTimeout()
2018-08-22
慕瓜2630265

操作符之间的优先级

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2018-08-22
慕瓜2630265

逻辑或操作符值表：

查看全部

0 采集收起来源：我或你都可以 (逻辑或操作符）
2018-08-22
qq_古娜拉黑暗之神_1

case后面的值若是字符串需要加引号，若是数字不用，所有字符串的使用都要加引号。
getElementById不仅可以用于获取后赋给别人，也可以用于得到值。即可以获取元素的值也可以设置元素的值。

查看全部

0 采集收起来源：编程练习
2018-08-22
litt3389247
1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。如下:
```
正确:           
    mysum            
    _mychar         
    $numa1
```
```
错误:  6num  //开头不能用数字
  %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
  sum+num //开头中间不能使用除(_ $)外特殊符号，如(%  + /等)
```
2.变量名区分大小写，如:A与a是两个不同变量。
3.不允许使用JavaScript关键字和保留字做变量名。
查看全部

0 采集收起来源：给变量取个名字(变量命名)
2018-08-21
光华公子源氏

Recheck,To be continued

查看全部

0 采集收起来源：编程练习
2018-08-21
最爱是雪碧_球球

2个方法
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
window.onload = function(){
         //在开始时加载change()事件，立马执行
         change();
     }

     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
     function change()
     {
         //得到a数组，包含所有tr
         var b=document.getElementById("table").lastChild;
         var a=b.getElementsByTagName("tr");
         var i;
         for(i=1;i<=a.length;i++)
         {
             a[i].onmouseover=function()
             {
                 this.style.backgroundColor="#f2f2f2";
             }
            a[i].onmouseout=function()
            {
                this.style.backgroundColor="#fff";
            }

         }

     }

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
     function insertRow()
     {
         /*
         //方法1,具体参考insertRow()方法
         //将行插入到最后一行的后面，-1表示最后一行
         var a=document.getElementById("table").insertRow(-1);

         var b=a.insertCell(0);//第一个单元格
         var c=a.insertCell(1);//第二个单元格
         var d=a.insertCell(2);//第三个单元格

         //双引号里面的双引号改为单引号才能合法使用
         b.innerHTML="<input type='text'/>";
         c.innerHTML="<input type='text'/>";
         d.innerHTML="<a href='javascript:;' onclick='deleteRow(this)'>删除</a>";
         */

         //方法二
         var a=document.getElementById("table").lastChild;
         var b=document.createElement("tr");

         //创建tr后放置三个td标签，创建三个td标签
         var b1=document.createElement("td");
         var b2=document.createElement("td");
         var b3=document.createElement("td");
         //里面放置的内容

         b1.innerHTML="<input type='text'/>";
         b2.innerHTML="<input type='text'/>";
         b3.innerHTML="<a href='javascript:;' onclick='deleteRow(this)'>删除</a>";
         //先插入tr标签
         a.appendChild(b);

         //在tr后分别按顺序插入td标签
         b.appendChild(b1);
         b.appendChild(b2);
         b.appendChild(b3);

         //插入后的行并不会触发change（）事件，所以在插入后必须要再执行一次change()事件才能完成鼠标的移入移出操作的变色效果
         change();

     }


// 创建删除函数
     function deleteRow(h){
         /*第一种方法
         //确定所在行，利用rowIndex所返回某一行在表格的行集合中的位置定位
         var a=h.parentNode.parentNode.rowIndex;
         document.getElementById('table').deleteRow(a);
         */

         //第二种方法
         //得到a标签的祖节点tr
         var a=h.parentNode.parentNode;
         //在table中，thead,tbody,tfoot为它的子节点，b得到的是table的子节点tbody,可以用document.write(b.nodeName);检验,或者在浏览器中查看
         var b=document.getElementById('table').lastChild;
         b.removeChild(a);


     }

</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="deleteRow(this)">删除</a></td> 
     </tr>

     <tr>
        <td>xh002</td>
        <td>刘小芳</td>
        <td><a href="javascript:;" onclick="deleteRow(this)">删除</a></td> 
     </tr>

     </table>
     <input type="button" value="添加一行" onclick="insertRow()"/> 
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-08-21
weibo_木夕木夕MEI_0

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var num=0,i;
function timedCount(){
document.getElementById('txt').value=num;
num=num+1;
i=setTimeout("timedCount()",1000);
}
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="txt">
<input type="button" value="Start" onClick="timedCount()">
<input type="button" value="Stop" onClick="stopCount()">
</form>
</body>
</html>

查看全部

0 采集收起来源：取消计时器clearTimeout()
2018-08-21

冰镇小白

var myarr=new Array();  //先声明一维 
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array();  //再声明二维 
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j
   }
 }

myarr[0][1] ,0 表示表的行，1表示表的列。

var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

查看全部

0 采集收起来源：二维数组

2018-08-21

冰镇小白
```
myarray.length; //获得数组myarray的长度
```
注意：因为数组的索引总是由0开始，所以一个数组的上下限分别是：0和length-1。如数组的长度是5，数组的上下限分别是0和4。
```
arr.length=10; //增大数组的长度
```
```
document.write(arr.length);显示数组长度
```
查看全部

0 采集收起来源：了解成员数量(数组属性length)
2018-08-21
冰镇小白

只需使用下一个未用的索引，任何时刻可以不断向数组增加新元素。

查看全部

0 采集收起来源：团里添加新成员（向数组增加一个新元素）
2018-08-21
冰镇小白
```
var myarray = new Array(66,80,90,77,59);//创建数组同时赋值
```
```
 var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）
```
数组存储的数据可以是任何类型（数字、字符、布尔值等）
查看全部

0 采集收起来源：谁是团里成员（数组赋值）
2018-08-21

首页上一页 640 641 642 643 644 645 646 下一页尾页

0/150

提交

取消

开始学习

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

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