慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

123abc

鼠标经过事件（onmouseover）
鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。
现实鼠标经过"确定"按钮时，触发onmouseover事件，调用函数info()，弹出消息框，代码如下:
运行结果:

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2019-11-04
123abc
鼠标单击事件( onclick ）
onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。
比如，我们单击按钮时，触发 onclick 事件，并调用两个数和的函数add2()。代码如下：
```
<html> <head>    <script type="text/javascript">       function add2(){         var numa,numb,sum;         numa=6;         numb=8;         sum=numa+numb;         document.write("两数和为:"+sum);  }    </script> </head> <body>    <form>       <input name="button" type="button" value="点击提交" onclick="add2()" />    </form> </body> </html>
```
注意: 在网页中，如使用事件，就在该元素中设置事件属性。
查看全部

0 采集收起来源：鼠标单击事件( onclick ）
2019-11-04
123abc

什么是事件
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表:

查看全部

0 采集收起来源：什么是事件
2019-11-04
123abc
返回值的函数
思考:上一节函数中，通过"document.write"把结果输出来，如果想对函数的结果进行处理怎么办呢？
我们只要把"document.write(sum)"这行改成如下代码：
```
function add2(x,y) {    sum = x + y;    return sum; //返回函数值,return后面的值叫做返回值。 }
```
还可以通过变量存储调用函数的返回值，代码如下:
```
result = add2(3,4);//语句执行后,result变量中的值为7。
```
注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。
查看全部

0 采集收起来源：返回值的函数
2019-11-04
123abc
有参数的函数
上节中add2()函数不能实现任意指定两数相加。其实，定义函数还可以如下格式：
```
function 函数名(参数1,参数2) {      函数代码 }
```
注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。
按照这个格式，函数实现任意两个数的和应该写成：
```
function add2(x,y) {    sum = x + y;    document.write(sum); }
```
x和y则是函数的两个参数，调用函数的时候，我们可通过这两个参数把两个实际的加数传递给函数了。
例如，add2(3，4)会求3+4的和，add2(60,20)则会求出60和20的和。
查看全部

0 采集收起来源：有参数的函数
2019-11-04
不被了解的怪人

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：
1. nodeName : 节点的名称
2. nodeValue ：节点的值
3. nodeType ：节点的类型
一、nodeName 属性: 节点的名称，是只读的。
1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document
二、nodeValue 属性：节点的值
1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值
三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:
元素类型节点类型
元素 1
属性 2
文本 3
注释 8
文档 9

查看全部

0 采集收起来源：节点属性
2019-11-04
慕妹7066515

九章
<!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 tr=document.getElementsByTagName("tr");
        for(var i=0;i<tr.length;i++){
            changebgcolor(tr[i]);
           }
      }
            function changebgcolor(obj){
                obj.onmouseover=function(){
                  obj.style.backgroundColor="#f2f2f2"
              }
                obj.onmouseout=function(){
                  obj.style.backgroundColor="#fff"
          }
   }

      // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
     var num=2;
     function add(){

         num++;
         var tr1=document.createElement("tr");
           var td1=document.createElement("td");
            var td2=document.createElement("td");
            var td3=document.createElement("td");
            td1.innerHTML="xh00"+num;
            td2.innerHTML="第"+num+"个学生";
            td3.innerHTML="<a href='javascript:;' onclick='del(this)' >删除</a>";
            var oldtr=document.getElementById("table");
            var newtr=oldtr.appendChild(tr1);
            newtr.appendChild(td1);
            newtr.appendChild(td2);
            newtr.appendChild(td3);

     }


     // 创建删除函数
     function del(obj){
         var tr=obj.parentNode.parentNode;
         tr.parentNode.removeChild(tr);
     }

</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-11-04
慕侠4108776
事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：
1. 加载页面时，触发onload事件，事件写在<body>标签内。 2. 此节的加载页面，可理解为打开一个新页面时。如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。
查看全部

0 采集收起来源：加载事件（onload）
2019-11-04
慕侠4108776

注意：与6-5对比
onfocus是光标在输入框那里聚焦所以弹框，但是弹框点确定之后又重新聚焦，所以再次弹框，如此陷入死循环；onblur当光标从输入框移开时弹框，弹框后焦点也一直在输入框对象之外，不存在从对象失焦的过程了

查看全部

0 采集收起来源：失焦事件（onblur）
2019-11-04
不被了解的怪人
setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
语法：
```
elementNode.setAttribute(name,value)
```
说明：
1.name: 要设置的属性名。
2.value: 要设置的属性值。
查看全部

0 采集收起来源：setAttribute()方法
2019-11-04
不被了解的怪人
getAttribute()方法
通过元素节点的属性名称获取属性的值。
语法：
```
elementNode.getAttribute(name)
```
说明:
1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。
2. name：要想查询的元素节点的属性名字
查看全部

0 采集收起来源：getAttribute()方法
2019-11-04
慕粉1708169606
1. onclick
2. onmouseover
3. onmouseout
4. onchange
5. onselect
6. onfocus
7. onblur
8. onload
9. onunload
查看全部

0 采集收起来源：什么是事件
2019-11-04

慕侠4108776

是length，而非lenth

注：JavaScript数组的length属性是可变的，这一点需要特别注意。

arr.length=10; //增大数组的长度document.write(arr.length); //数组长度已经变为10

数组随元素的增加，长度也会改变，如下:

var arr=[98,76,54,56,76]; // 包含5个数值的数组document.write(arr.length); //显示数组的长度5arr[15]=34;  //增加元素，使用索引为15,赋值为34alert(arr.length); //显示数组的长度16

查看全部

0 采集收起来源：了解成员数量(数组属性length)

2019-11-04

慕侠4108776
注：
第7行，是var myarr ,而非var myarray。
第一种方法：
```
var myarray = new Array(66,80,90,77,59);//创建数组同时赋值
```
第二种方法：
```
 var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）
```
注意：数组存储的数据可以是任何类型（数字、字符、布尔值等）
查看全部

0 采集收起来源：谁是团里成员（数组赋值）
2019-11-04
不被了解的怪人
返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。
语法:
```
document.getElementsByTagName(Tagname)
```
说明:
1. Tagname是标签的名称，如p、a、img等标签名。
2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。
查看全部

0 采集收起来源：getElementsByTagName()方法
2019-11-04

首页上一页 243 244 245 246 247 248 249 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

鼠标经过事件（onmouseover）

鼠标单击事件( onclick ）

什么是事件

返回值的函数

有参数的函数

getAttribute()方法