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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 6-1 什么是事件 http://img1.sycdn.imooc.com//53e198540001b66404860353.jpg
    查看全部
    0 采集 收起 来源:什么是事件

    2017-08-25

  • Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 对象属性: ---------------------------------- 属性 | 描述 appCodeName |浏览器代码名的字符串表示 appName |返回浏览器的名称 appVersion |返回浏览器的平台和版本信息 platform |返回运行浏览器的操作系统平台 userAgent |返回有客户机发送服务器的user-agent头部的值 ------------------------------------------------- 所有属性运行结果,共5个: brower code name:Mozilla; brower name:Netscape; version:5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/600.8.9 (KHTML, like Gecko) Version/7.1.8 Safari/537.85.17; platform:MacIntel; user agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/600.8.9 (KHTML, like Gecko) Version/7.1.8 Safari/537.85.17 --------------------------------------------- 查看浏览器的名称和版本,代码如下: <script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser name"+browser); document.write("<br>"); document.write("Browser version"+b_version); </script>
    查看全部
    0 采集 收起 来源:Navigator对象

    2018-03-22

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

    2018-03-22

  • Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL。 语法: location.[属性|方法] location对象属性图示: protocol|------host--------|pathname|-------search----------|---hash--| http: //www.imooc.com:8080/list.php?courseid=8&chapterid=86#mediaid118 |--host name---|port| location 对象属性: ---------------------------------- 属性 | 描述 hash |设置或返回从井号(#)开始的URL(锚) host |设置或返回主机名和当前URL的端口号 hostname |设置或返回当前URL的主机名 href |设置或返回完整的URL pathname |设置或返回当前URL的路径部分 port |设置或返回当前URL的端口号 protocol |设置或返回当前URL的协议 search |设置或返回从问号(?)开始的URL(查询部分) ------------------------------------------------- location 对象方法: ---------------------------------- 方法 | 描述 asign() |加载新的文档 reload() |重新加载当前文档 replace() |用新的文档替换当前文档 ----------------------------------
    查看全部
    0 采集 收起 来源:Location对象

    2018-03-22

  • 有参数的函数 上节中add2()函数不能实现任意指定两数相加。其实,定义函数还可以如下格式: function 函数名(参数1,参数2) { 函数代码 } 注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。 调用:函数名(参数1,参数2)
    查看全部
    0 采集 收起 来源:有参数的函数

    2017-08-25

  • elementNode.childNodes 注意: 如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。 我们来看看下面的代码: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8> <title>无标题文档</title> </head> <body> <ul> <li>javascripte</li> <li>jQuery</li> <li>PHP</li> </ul> <script type="text/javascript"> var x=document.getElementsByTagName("ul")[0].childNodes; document.write("UL子节点个数:"+x.length+"<br>"); document.write("节点类型:"+"x[0].nodeType"); </script> </body> </html> 运行结果: IE: UL子节点个数:3 节点类型:1 其它浏览器: UL子节点个数:7 节点类型:3 注意: 1. IE全系列、firefox、chrome、opera、safari兼容问题 2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7,如下图所示: <ul>空白节点 <li>javascripte</li>空白节点 <li>jQuery</li>空白节点 <li>PHP</li>空白节点 </ul> 如果把代码改成这样: <ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul> 运行结果:(IE和其它浏览器结果是一样的) UL子节点个数:3 节点类型:1
    查看全部
  • 多重判断(if..else嵌套语句) 要在多组语句中选择一组来执行,使用if..else嵌套语句。 语法: if(条件1) { 条件1成立时执行的代码} else if(条件2) { 条件2成立时执行的代码} ... else if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码}
    查看全部
  • 注意事项: 1.input传入的值是字符串,所以在运算的时候要做转换 神奇的是只有+号无法识别是数字相加 2.id=fruit中的value值要直接覆盖;而不要用var p=...("").value; p=sum;这种形式,这个时候p值修改了,但标签内容值没变 3.考虑程序健全性,要考虑除数为0的情况
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 大家学这课的时候要特别注意: 1. true不要写成ture(我以前写过两三次,找了好久才发现错误) 2. 变量值=true 与 变量值==true 是不同的。 前者是将true的值赋予给变量值,后者才是判断变量值与true的关系。 3.需要注意这里的true是布尔值,不需要加引号,否则会变成文本值 本题中,如果你写if(ticket=true)的话,将会永远执行前面那个代码。
    查看全部
  • var otest = document.getElementById("test"); var x=document.createElement("li"); x.innerHTML="PHP"; otest.appendChild(x);
    查看全部
  • 做判断(if语句) if语句是基于条件成立才执行相应代码时使用的语句。 语法: if(条件) { 条件成立时执行代码} 注意:if小写,大写字母(IF)会出错!
    查看全部
  • 鼠标单击事件( 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> 注意: 在网页中,如使用事件,就在该元素中设置事件属性。
    查看全部
  • 节点属性 在文档对象模型 (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 采集 收起 来源:节点属性

    2017-08-25

  • setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。 语法: elementNode.setAttribute(name,value) 说明: 1.name: 要设置的属性名。 2.value: 要设置的属性值。 注意: 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。 2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。
    查看全部
  • 一些数组的常用操作
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-25

举报

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

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