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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>单击事件 </title>

    <script type="text/javascript">

      function openwin(){

         window.open('http://www.imooc.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}

    </script>

    </head>

    <body>

      <form>

        <input name="点击我" type="button" value="点击我" onClick="openwin()"/>

      </form>

    </body>

    </html>


    查看全部
  • 注意:

    1. IE全系列、firefox、chrome、opera、safari兼容问题

    2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7,如下图所示:


    查看全部
  • 函数调用

    函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。

    第一种情况:在<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>

    注意:鼠标事件会在后面讲解。

    任务

    补充右边编辑器第15行,实现如下功能:

    网页中有一按钮(名字"点点我"),当点击按钮后调用函数tcon(),弹出对话框"恭喜你学会函数调用了!"。


    查看全部
    0 采集 收起 来源:函数调用

    2018-09-29

  • 定义函数

    如何定义一个函数呢?看看下面的格式:

    function  函数名( ) {      函数体; }

    function定义函数的关键字,“函数名”你为函数取的名字,“函数体”替换为完成特定功能的代码。

    我们完成对两个数求和并显示结果的功能。并给函数起个有意义的名字:“add2”,代码如下:

    <script type="text/javascript">   function add2(){     sum = 3 + 2;     alert(sum);   }   add2(); </script>

    结果: 

    任务

    补充右边编辑器第7行,编写一个函数,实现二个数的差,函数名为sub2。


    查看全部
    0 采集 收起 来源:定义函数

    2018-09-29

  • 二维数组知识不稳固!!!

    查看全部
    0 采集 收起 来源:编程练习

    2018-09-29

  • 二维数组的最佳答案参考

    查看全部
    0 采集 收起 来源:二维数组

    2018-09-29

  • start:值位下标索引号(0开始)=<

    <end

    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-09-28

  •  newNode3.innerHTML="<a href='javascript:;' onclick='removeNow(this)'>删除</a>";

    当插入某节点中时双引号中的双引号得变为单引号

    <td><a href="javascript:;" onclick="removeNow(this)" >删除</a></td>

    查看全部
    0 采集 收起 来源:编程练习

    2018-09-28

  • function removeNow(obj){

            var x=obj.parentNode.parentNode;

            x.parentNode.removeChild(x);

         }

    <td><a href="javascript:;" onclick="removeNow(this)">删除</a></td>

    记住this的用法

    查看全部
    0 采集 收起 来源:编程练习

    2018-09-28

  • document.getElementByID()从ID获取

    document.getElementsByName("")从name获取

    document.getElementsByTagName("");从某类(标签)获取

    查看全部
  • getElementsByName()方法

    返回带有指定名称的节点对象的集合。

    语法:

    document.getElementsByName(name)

    与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。

    注意:

    1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

    2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。


    查看全部
  • 退出循环break

    在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。

    格式如下:

    for(初始条件;判断条件;循环后条件值更新) {   if(特殊情况)   {break;}   循环代码 }

    当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出10个数,如果数值为5,就停止输出。

     

    执行结果:

    注:当num=5的时候循环就会结束,不会输出后面循环的内容。

    任务

    考试成绩输出,如果成绩及格继续输出下个成绩,如果成绩不及格,退出并且后面成绩不输出, 我们使用break语句,退出循环。补充第14行代码。


    查看全部
    0 采集 收起 来源:退出循环break

    2018-09-28

  • 反反复复(while循环)

    和for循环有相同功能的还有while循环, while循环重复执行一段代码,直到某个条件不再满足。

    while语句结构:

    while(判断条件) {     循环语句  }

    使用while循环,完成从盒子里取球的动作,每次取一个,共6个球。

    <script type="text/javascript"> var num=0;  //初始化值 while (num<=6)   //条件判断 {   document.write("取出第"+num+"个球<br />");   num=num+1;  //条件值更新 } </script>

    任务

    我们使用while语句,输出5个数字。补充第8行代码。


    查看全部
  • 555c650d0001ae7b04180297.jpgDate日期对象

    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-09-28

  • 6-1事件:

    53e198540001b66404860353.jpg

    查看全部
    0 采集 收起 来源:什么是事件

    2018-09-27

举报

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

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