JavaScript进阶篇_学习笔记

首页免费课 JavaScript进阶篇笔记

JavaScript进阶篇

                
                慕课官方号
            页面重构设计

                    查看讲师更多课程 
                    慕课官方号讲师的其他课程
                
帝堵抢车位动画制作
初级·36954
免费课程
                                
JavaScript入门篇 
入门·739840
免费课程
                                
                难度入门
            
                时长 8小时55分
            
                学习人数
            
综合评分9.47
                            2557人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.3
                                逻辑清晰

最热最新

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

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

0 采集收起来源：getElementsByName()方法
2020-02-29
CuGoy

HTML文档可以说由节点构成的集合，DOM节点有:
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。
节点属性:
遍历节点树:
DOM操作:
注意:前两个是document方法。

查看全部

0 采集收起来源：认识DOM
2020-02-29
CuGoy

1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。
2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。
注意:
不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。

查看全部

0 采集收起来源：屏幕可用高和宽度
2020-02-29
CuGoy

window.screen 对象包含有关用户屏幕的信息。
1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的宽
注意:
1.单位以像素计。
2. window.screen 对象在编写时可以不使用 window 这个前缀。

查看全部

0 采集收起来源：屏幕分辨率的高和宽
2020-02-29
CuGoy
screen对象用于获取用户的屏幕信息。
语法：
```
window.screen.属性
```
对象属性:
查看全部

0 采集收起来源：screen对象
2020-02-29
CuGoy
返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
语法
```
navigator.userAgent
```
几种浏览的user_agent.，像360的兼容模式用的是IE、极速模式用的是chrom的内核。
查看全部

0 采集收起来源：userAgent
2020-02-29
CuGoy

Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。
对象属性:

查看全部

0 采集收起来源：Navigator对象
2020-02-29
CuGoy
ocation用于获取或设置窗体的URL，并且可以用于解析URL。
语法:
```
location.[属性|方法]
```
location对象属性图示:
location 对象属性：
location 对象方法:
查看全部

0 采集收起来源：Location对象
2020-02-29
CuGoy
go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。
语法：
```
window.history.go(number);
```
参数：
浏览器中，返回当前页面之前浏览过的第二个历史页面，代码如下：
```
window.history.go(-2);
```
注意：和在浏览器中单击两次后退按钮操作一样。
同理，返回当前页面之后浏览过的第三个历史页面，代码如下：
```
window.history.go(3);
```
查看全部

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

0 采集收起来源：返回下一个浏览的页面
2020-02-29
CuGoy
back()方法，加载 history 列表中的前一个 URL。
语法：
```
window.history.back();
```
比如，返回前一个浏览的页面，代码如下：
```
window.history.back();
```
注意：等同于点击浏览器的倒退按钮。
back()相当于go(-1),代码如下:
```
window.history.go(-1);
```
查看全部

0 采集收起来源：返回前一个浏览的页面
2020-02-29
CuGoy
history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。
注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。
语法：
```
window.history.[属性|方法]
```
注意：window可以省略。
History 对象属性
History 对象方法
查看全部

0 采集收起来源：History 对象
2020-02-29
CuGoy
setTimeout()和clearTimeout()一起使用，停止计时器。
语法:
```
clearTimeout(id_of_setTimeout)
```
参数说明:
id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
查看全部

0 采集收起来源：取消计时器clearTimeout()
2020-02-29
CuGoy
clearInterval() 方法可取消由 setInterval() 设置的交互时间。
语法：
```
clearInterval(id_of_setInterval)
```
参数说明:
id_of_setInterval：由 setInterval() 返回的 ID 值。
查看全部

0 采集收起来源：取消计时器clearInterval()
2020-02-29