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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
最热 最新
  • spring_summer
    区别getElementByID,getElementsByName,getElementsByTagName()： 方法总结： getElementById()：通过指定id获得元素，获得一个值 getElementsByName()：通过元素名称name属性获得元素，获得一组值 getElementsByTagName()：通过标签名称获得元素，获得一组值 注意：方法区分大小写 通过下面的例子(6个name="hobby"的复选项，两个按钮)来区分三种方法的不同: <input type="checkbox" name="hobby" id="hobby1"> 音乐 <input type="checkbox" name="hobby" id="hobby2"> 登山 <input type="checkbox" name="hobby" id="hobby3"> 游泳 <input type="checkbox" name="hobby" id="hobby4"> 阅读 <input type="checkbox" name="hobby" id="hobby5"> 打球 <input type="checkbox" name="hobby" id="hobby6"> 跑步 <input type="button" value = "全选" id="button1"> <input type="button" value = "全不选" id="button1"> 1. document.getElementsByTagName("input")，结果为获取所有标签为input的元素，共8个。 2. document.getElementsByName("hobby")，结果为获取属性name="hobby"的元素，共6个。 3. document.getElementById("hobby6")，结果为获取属性id="hobby6"的元素，只有一个，"跑步"这个复选项。
    查看全部
    0 采集 收起 来源：区别getElementByID,getElementsByName,getElementsByTagName

    2018-03-22

  • spring_summer
    getElementsByTagName()方法返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法: getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称，如p、a、img等标签名。 2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。
    查看全部
    0 采集 收起 来源：getElementsByTagName()方法

    2014-12-15

  • spring_summer
    getElementsByName()方法返回带有指定名称的节点对象的集合。 语法： document.getElementsByName(name) 与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。 2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。
    查看全部
    0 采集 收起 来源：getElementsByName()方法

    2014-12-15

  • Deveil_Z
    window对象是BOM的核心，window对象指当前的浏览器窗口。
    查看全部
    0 采集 收起 来源：window对象

    2014-12-15

  • xyhseo__style
    当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。 注意：不同浏览器对onunload事件支持不同。 window.onunload = onunload_message; function onunload_message()
    查看全部
    0 采集 收起 来源：卸载事件（onunload）

    2014-12-15

  • spring_summer
    文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 将HTML代码分解为DOM节点层次图： html （1）head （a）.meta （b）.title （2）body （a）h2 <1>a （b）p （c）ul <1>li <1>li <1>li 以上图ul为例，它的父级节点body,它的子节点3个li,它的兄弟结点h2、P。 HTML文档可以说由节点构成的集合，DOM节点有: 1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。 2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。 节点属性： nodename：返回一个字符串，其内容是给定节点的名字 nodeType：返回一个整数，这个数值代表给定节点的类型 nodeValue：返回给定节点的当前值 遍历节点树： childNodes：返回一个数组，这个数组由给定元素节点的子节点构成 firstChild：返回第一个子节点 lastChild：返回最后一个子节点 parentNode：返回一个给定节点的父节点 nextSibling：返回给定节点的下一个子节点 previousSibling：返回给定节点的上一个子节点 DOM操作： createElement(element)：创建一个新的元素节点 createTextNode()：创建一个包含给定文本的新文本节点 appendChild()：指定节点的最后一个子节点列表之后添加一个新的子节点 insertBefore()：将一个给定节点插入到一个给定元素节点的给定子节点的前面 removeChild()：从一个给定元素中删除一个子节点 replaceChild()：把一个给定元素里的一个子节点替换为另外一个节点 注意:前两个是document方法。
    查看全部
    0 采集 收起 来源：认识DOM

    2018-03-22

  • xyhseo__style
    事件会在页面加载完成后立即发生，同时执行被调用的程序。 注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。 2. 此节的加载页面，可理解为打开一个新页面时。 如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。
    查看全部
    0 采集 收起 来源：加载事件（onload）

    2018-03-22

  • spring_summer
    screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。 screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。 注意:不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。 注意:根据屏幕的不同显示值不同。 例子：获取屏幕的可用高和宽度： <script type="text/javascript"> document.write("可用宽度：" + screen.availWidth); document.write("可用高度：" + screen.availHeight); </script>
    查看全部
    0 采集 收起 来源：屏幕可用高和宽度

    2018-03-22

  • spring_summer
    window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window 这个前缀。 例子：获取屏幕的高和宽： <script type="text/javascript"> document.write( "屏幕宽度："+screen.width+"px<br />" ); document.write( "屏幕高度："+screen.height+"px<br />" ); </script>
    查看全部
    0 采集 收起 来源：屏幕分辨率的高和宽

    2018-03-22

  • spring_summer
    screen对象用于获取用户的屏幕信息。 语法： window.screen.属性 对象属性： availHeight：窗口可以使用的屏幕高度，单位像素 availWidth：窗口可以使用的屏幕宽度，单位像素 colorDepth：用户浏览器表示的颜色位数，通常为32位(每像素的位数) pixelDepth：用户浏览器表示的颜色位数，通常为32位(每像素的位数)(IE不支持此属性) height：屏幕的高度，单位像素 width：屏幕的宽度，单位像素
    查看全部
    0 采集 收起 来源：screen对象

    2014-12-15

  • spring_summer
    userAgent返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)。 语法： navigator.userAgent 例子：使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器)： function validB(){ var u_agent = navigator.userAgent; var B_name="Failed to identify the browser"; if(u_agent.indexOf("Firefox")>-1){ B_name="Firefox"; }else if(u_agent.indexOf("Chrome")>-1){ B_name="Chrome"; }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ B_name="IE(8-10)"; } document.write("B_name:"+B_name+"<br>"); document.write("u_agent:"+u_agent+"<br>"); }
    查看全部
    0 采集 收起 来源：userAgent

    2018-03-22

  • spring_summer
    Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。 对象属性： appCodeName：浏览器代码名的字符串表示 appName：返回浏览器的名称 appVersion：返回浏览器的平台和版本信息 platform：返回运行浏览器的操作系统平台 userAgent：返回由客户机发送服务器的user-agent头部的值 例子：查看浏览器的名称和版本 <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

  • spring_summer
    location用于获取或设置窗体的URL，并且可以用于解析URL。 语法: location.[属性|方法] location 对象属性： hash：设置或返回从井号(#)开始的URL(锚) host：设置或返回主机名和当前的URl的端口号 hostname：设置或返回当前URL的主机名 href：设置或返回完整的URL pathname：设置或返回当前URL的路径部分 port：设置或返回当前URL的端口号 protocol：设置或返回当前URL的协议 search：设置或返回从问号(?)开始的URL(查询部分) location 对象方法: assign()：加载新的文档 reload()：重新加载当前文档 replace()：用新的文档替换当前文档
    查看全部
    0 采集 收起 来源：Location对象

    2014-12-15

  • spring_summer
    go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。 语法： window.history.go(number); 参数： 1：前一个，go(1)等价于forward() 0：当前页面 -1：后一个，go(-1)等价于back() 其他数值：要访问的URL在History的URL列表中的相对位置 浏览器中，返回当前页面之前浏览过的第二个历史页面，代码如下： window.history.go(-2); 注意：和在浏览器中单击两次后退按钮操作一样。 同理，返回当前页面之后浏览过的第三个历史页面，代码如下： window.history.go(3);
    查看全部
    0 采集 收起 来源：返回浏览历史中的其他页面

    2014-12-15

  • 风叶亦无声
    字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。
    查看全部
    0 采集 收起 来源：什么是变量

    2015-01-07

首页上一页7960796179627963796479657966下一页尾页

举报

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

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

查看已购买的课程