为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • onchange 文本框内容改变事件: 通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。
    查看全部
  • onselect 内容选中事件: 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。
    查看全部
  • onblur 失焦事件: onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。
    查看全部
  • 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等; 对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等; 访问对象属性的语法: objectName.propertyName 例: var myarray=new Array(6);//定义数组对象 var myl=myarray.length;//访问数组长度length属性 访问对象的方法: objectName.methodName() 例: var mystr="Hello world!";//创建一个字符串 var request=mystr.toUpperCase(); //使用字符串对象方法
    查看全部
    0 采集 收起 来源:什么是对象

    2018-03-22

  • function addTr() { var oTb = document.getElementById('table').lastChild; var newTr = document.createElement('tr'); var newTd1 = document.createElement('td'); newTd1.innerHTML = "<input type='text' />" newTr.appendChild(newTd1); var newTd2 = document.createElement('td'); newTd2.innerHTML = "<input type='text' />" newTr.appendChild(newTd2); var newTd3 = document.createElement('td'); newTd3.innerHTML = "<a href='javascript:;' onclick='removeTr(this)'>删除<a/>" newTr.appendChild(newTd3); oTb.appendChild(newTr); } // 创建删除函数 function removeTr(obj) { var oTb = document.getElementById('table').lastChild; var oTr = obj.parentNode.parentNode; oTb.removeChild(oTr); }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • onfocus 光标聚焦事件: 网页中的对象获得聚点时,执行onfocus调用的程序就会被执行。 <input type = "text" name = "username" id="username" onfocus="MyFunction();">意思是,当你的焦点选在这个input上的时候,调用MyFunction()函数。注:“焦点选在input上”的意思通俗的说就是用户选择了这个文本框。
    查看全部
  • onmouseout 鼠标移开事件: 鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。
    查看全部
  • onmouseover 鼠标经过事件: 鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。
    查看全部
  • onclick 鼠标单击事件: 当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。 注意: 在网页中,如使用事件,就在该元素中设置事件属性。 例如: <input name="button" type="button" value="按钮" onclick="add2()" /> 代码解释:单击按钮时,触发 onclick 事件,并调用函数add2()。
    查看全部
  • 事件: JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 onclick 鼠标单击事件 onmouseover 鼠标经过事件 onmouseout 鼠标移开事件 onchange 文本框内容改变事件 onselect 文本框内容被选中事件 onfocus 光标聚集 onblur 光标离开 onload 网页导入 onunload 关闭网页
    查看全部
    0 采集 收起 来源:什么是事件

    2015-01-09

  • sort()方法使数组中的元素按照一定的顺序排列。 语法: arrayObject.sort(方法函数) 参数说明: 1.如果不指定<方法函数>,则按unicode码顺序排列。 2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • 1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 2. 该方法并不会修改数组,而是返回一个子数组。
    查看全部
    0 采集 收起 来源:选定元素slice()

    2015-01-09

  • 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法: appendChild(newnode) 参数: newnode:指定追加的节点。 我们来看看,div标签内创建一个新的 P 标签,代码如下: 运行结果: HTML JavaScript This is a new p
    查看全部
  • 访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。 语法: nodeObject.previousSibling 说明:如果无此节点,则该属性返回 null。 注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。 解决问题方法: 判断节点nodeType是否为1, 如是为元素节点,跳过。
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2015-01-09

  • 访问父节点parentNode 获取指定节点的父节点 语法: elementNode.parentNode 注意:父节点只能有一个。 看看下面的例子,获取 P 节点的父节点,代码如下: <div id="text"> <p id="con"> parentNode 获取指点节点的父节点</p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.nodeName); </script> 运行结果: parentNode 获取指点节点的父节点 DIV 访问祖节点: elementNode.parentNode.parentNode 看看下面的代码: <div id="text"> <p> parentNode <span id="con"> 获取指点节点的父节点</span> </p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.parentNode.nodeName); </script> 运行结果: parentNode获取指点节点的父节点 DIV 注意: 浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。
    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!