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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
最热 最新
  • CoolTea
    文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 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

  • helkbore
    var myarr1= ["我","爱","你"]; var myarr2 = "我也爱你"; document.write(myarr1.slice(1,3) + "<br />"); document.write(myarr2.slice(1,4) + "<br />"); document.write(myarr1.substring(2,3)); 输出结果是两行。所以证明，字符串可以被当做数组，数组不能当成字符串 囧。 囧囧 ，String也有slice。。这是闹哪样。。。
    查看全部
    0 采集 收起 来源：选定元素slice()

    2018-03-22

  • helkbore
    random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。
    查看全部
    0 采集 收起 来源：随机数 random()

    2015-02-21

  • helkbore
    将字符串分割为字符，代码如下： document.write(mystr.split("")+"<br>"); document.write(mystr.split("", 5));
    查看全部
    0 采集 收起 来源： 字符串分割split()

    2018-03-22

  • helkbore
    stringObject.charAt(index) 注意：1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。 2.如果参数 index 不在 0 与 string.length-1 之间，该方法将返回一个空字符串。 注意：一个空格也算一个字符。
    查看全部
    0 采集 收起 来源：返回指定位置的字符

    2015-02-21

  • helkbore
    charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。
    查看全部
    0 采集 收起 来源：返回指定位置的字符

    2015-02-21

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

    2018-03-22

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

    2018-03-22

  • CoolTea
    屏幕分辨率的高和宽 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

  • CoolTea
    screen对象 screen对象用于获取用户的屏幕信息。 语法： window.screen.属性 对象属性: availHeight - 窗口可以使用的屏幕高度，单位像素(去掉任务栏或者其他占位部分) availWidth - 窗口可以使用的屏幕宽度，单位像素(去掉任务栏或者其他占位部分) colorDepth - 用户浏览器表示的颜色位数，通常为32位（每像素的位数） pixelDepth - 用户浏览器表示的颜色位数，通常为32位（IE不支持此属性） height - 屏幕的高度，单位像素 width - 屏幕的宽度，单位像素 注意：浏览器的高宽就是你当前打开的浏览器的高宽 屏幕高宽就是你的显示器的分辨率大小
    查看全部
    0 采集 收起 来源：screen对象

    2015-02-21

  • CoolTea
    userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) 语法 navigator.userAgent 几种浏览的user_agent.，像360的兼容模式用的是IE、极速模式用的是chrom的内核。 使用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

  • CoolTea
    Navigator对象 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

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

    2015-02-21

  • CoolTea
    返回浏览历史中的其他页面 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 采集 收起 来源：返回浏览历史中的其他页面

    2015-02-21

  • CoolTea
    返回下一个浏览的页面 forward()方法，加载 history 列表中的下一个 URL。 如果倒退之后，再想回到倒退之前浏览的页面，则可以使用forward()方法,代码如下: window.history.forward(); 注意：等价点击前进按钮。 forward()相当于go(1),代码如下: window.history.go(1);
    查看全部
    0 采集 收起 来源：返回下一个浏览的页面

    2015-02-21

首页上一页7571757275737574757575767577下一页尾页

举报

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

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

查看已购买的课程