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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 2. name:要想查询的元素节点的属性名字
    查看全部
  • getElementsByTagName()方法 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法: getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称,如p、a、img等标签名。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。
    查看全部
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。
    查看全部
  • 文档对象模型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"。 3.属性: · nodeName方法 返回一个字符串,内容是给定节点的名字 · nodeType 返回一个整数,内容是给定节点的类型 · nodeValue 返回给定节点的当前值 4.遍历节点树: · childNodes方法 返回一个数组,这个数组由给定元素节点的子节点组成 · firstChild方法 返回第一个子节点 · lastChild方法 返回最后一个子节点 · parentNode方法 返回一个给定节点的父节点 · nextSibling方法 返回给定节点的下一个子节点 · previousSibling方法 返回给定节点的上一个子节点
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • 1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。 2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。 注意: 不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。
    查看全部
  • 注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window 这个前缀。
    查看全部
  • screen对象用于获取用户的屏幕信息。 语法: window.screen.属性 属性: · availHeight:窗口可以使用的屏幕高度,单位像素 · availWidth: 窗口可以使用的屏幕宽度,单位像素 · colorDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数) · height 屏幕的高度,单位像素 · width 屏幕的宽度,单位像素
    查看全部
    0 采集 收起 来源:screen对象

    2015-01-08

  • Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 属性: · appCodeName 浏览器代码名的字符串表示 · appName 返回浏览器的名称 · AppVersion 返回浏览器的平台和版本信息 · platform 返回运行浏览器的操作系统平台 · userAgent 返回由客户机发送服务器的user-agent头部的值
    查看全部
    0 采集 收起 来源:Navigator对象

    2015-01-08

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

    2015-01-02

  • go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。 语法: window.history.go(number); 参数: number 参数说明 1 前一个,go(1)等价forward(); 0 当前页面 -1 后一个,go(-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对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。 window.history.[属性|方法] 注意:window可以省略。 使用length属性,当前窗口的浏览历史总长度,代码如下: <script type="text/javascript"> var HL = window.history.length; document.write(HL); </script> History的对象属性: length 返回浏览器历史列表中的URL数量 History的对象方法: back() 加载history列表中的前一个URL; forward() 加载history列表中的下一个URL; go() 加载history列表中的某个具体的页面;
    查看全部
    0 采集 收起 来源:History 对象

    2018-03-22

  • setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000)
    查看全部
  • alert() 显示带有一段消息和一个确认按钮的警告框 prompt() 显示课题是用户输入的对话框 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框 open() 打开一个新的浏览器窗口或者查找一个已命名的窗口 close() 关闭浏览器窗口 print() 打印当前窗口内容 focus() 把键盘焦点给予一个窗口 blur() 把键盘焦点从顶层窗口移开 moveBy() 可相对窗口的当前坐标把他移动指定像素 moveTo() 把窗口左上角移动到一个指定的坐标 resizeBy() 按照指定的像素调整窗口的大小 resizeTo() 把窗口的大小调整到指定的宽度和高度 scrollBy() 按照指定的像素值来滚动内容 scrollTo() 把内容滚动到指定的坐标 setInterval() 每隔指定的时间执行代码 setTimeOut() 在指定的延迟时间之后执行代码 clearInterval() 取消setInterval()的设置 clearTimeOut() 取消setTimeOut()的设置
    查看全部
    0 采集 收起 来源:window对象

    2015-01-02

举报

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

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