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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 函数调用 函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。 第一种情况:在<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-03-22

  • 定义函数 如何定义一个函数呢?看看下面的格式: function 函数名( ) { 函数体; } function定义函数的关键字,“函数名”你为函数取的名字,“函数体”替换为完成特定功能的代码。 我们完成对两个数求和并显示结果的功能。并给函数起个有意义的名字:“add2”,代码如下: <script type="text/javascript"> function add2(){ sum = 3 + 2; alert(sum); } ​add2(); </script>
    查看全部
    0 采集 收起 来源:定义函数

    2018-03-22

  • 什么是函数 函数的作用,可以写一次代码,然后反复地重用这个代码。 如:我们要完成多组数和的功能。 var sum; sum = 3+2; alert(sum); sum=7+8 ; alert(sum); .... //不停重复两行代码 如果要实现8组数的和,就需要16行代码,实现的越多,代码行也就越多。所以我们可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省去重复输入大量代码的麻烦。 使用函数完成: function add2(a,b){ sum = a + b; alert(sum); } // 只需写一次就可以 add2(3,2); add2(7,8); .... //只需调用函数就可以
    查看全部
    0 采集 收起 来源:什么是函数

    2015-03-13

  • 返回浏览历史中的其他页面 go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。 语法: window.history.go(number); 1 前一个等于forward() 0 当前页面 -1后一个等于back() 其他 要访问的URL在history的url列表中的相对位置
    查看全部
  • 返回下一个浏览的页面 forward()方法,加载 history 列表中的下一个 URL。 如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下: window.history.forward(); 注意:等价点击前进按钮。 forward()相当于go(1),代码如下: window.history.go(1);
    查看全部
  • 返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL。 语法: window.history.back(); 比如,返回前一个浏览的页面,代码如下: window.history.back(); 注意:等同于点击浏览器的倒退按钮。 back()相当于go(-1),代码如下: window.history.go(-1);
    查看全部
  • History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。 语法: window.history.[属性|方法] 注意:window可以省略。 History 对象属性: window.history.length //浏览器历史列表中的URL数量 History 对象方法: back()加载history列表中的前一个URL forward()加载history列表中的下一个URL go()加载history列表中的某个具体的页面
    查看全部
    0 采集 收起 来源:History 对象

    2015-03-13

  • 取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用,停止计时器。 语法: clearTimeout(id_of_setTimeout) 参数说明: id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
    查看全部
  • replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 node.replaceChild (newnode,oldnew )
    查看全部
  • 2. 不管你使用正序还是倒序删除节点,要注意在删除节点同时,content孩子节点的个数和位置也在变化 不要把i<content.childNodes.length做为判断条件,举例说明,IE下执行,节点个数5个,当我点一次删除按钮。 注意:5个节点分别对应下标是从0开始: 1[0] 2[0] 3[0] 4[0] 5[0] i=0 content.childNodes.length=5 0<5 删除第一个节点后,继续循环 i=1 content.childNodes.length=4 1<4 删除第二个节点后,继续循环 i=2 content.childNodes.length=3 2<3 删除第三个节点后,继续循环 i=3 content.childNodes.length=2 3<2 不成立,所以不继续。 这也就是为什么一次删除不了所以节点。 function clearText() { var content=document.getElementById("content"); nodel=content.childNodes.length for(i=0;i<nodel;i++) { var x=content.removeChild(content.childNodes[0]); } }
    查看全部
  • 任务三
    查看全部
  • 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。
    查看全部
  • insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。 otest.insertBefore(newnode,node); 也可以改为: otest.insertBefore(newnode,otest.childNodes[0]);
    查看全部
  • onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。
    查看全部
  • 在指定节点的最后一个子节点列表之后添加一个新的子节点。 appendChild(newnode) newnode:指定追加的节点。
    查看全部

举报

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

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