手记

慕课网慕课网JS进阶篇的倒数第二道题目学习心得

1.onmouseover 和onmouseOut事件
onmouseover:鼠标指针移动上执行Javascript代码:
有两种书写方法:
a.<element onmouseOver="">
b.element.onmoustOver=function(){javascript code}
onmouseOut事件:鼠标指针离开后执行Javascript代码:
onmouseOut事件写法同上
2.用for循环遍历出每个tr标签,然后给每个标签添加onmouseOuthe onmouseover,此处涉及到for循环遍历数组
2.table标签隐藏了一个子标签tbody
所以查找添加tr时,要在tbody子标签下添加,所以用到document.getElementById("table").lastChild
3.window.onload = function(){}
window.onload这个表示网页加载完执行后面的那个函数;
4.创建删除标签选项代码如下:
function delPoint(obj){
var dnode = obj.parentNode.parentNode;
var pnode = obj.parentNode.parentNode.parentNode;
pnode.removeChild(dnode);
}
本段涉及到dom树结构,我错误的认为obj.parentNode.parentNode是td父标签的父标签,实则不然,obj是a,它的父标签为td,td的父标签才是tr,pnode是tr的父标签table,在table下移除其子标签

  1. a href="javascript:void(0);" onclick="js_method()"
    这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。
    另外还有一种方法:a href="javascript:;" onclick="js_method()"
2人推荐
随时随地看视频
慕课网APP