慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

Sandaydi
screen对象
screen对象用于获取用户的屏幕信息。
语法：
```
window.screen.属性
```
对象属性:
查看全部

1 采集收起来源：screen对象
2018-06-28

Sandaydi

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-06-28

Sandaydi

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

查看全部

0 采集收起来源：Navigator对象
2018-06-28
精慕门8514612
```
location.[属性|方法]
```
查看全部

0 采集收起来源：Location对象
2018-06-28
慕勒5588615

添加一个 li 内容为PHP
var otest = document.getElementById("test");
var newnode = document.createElement("li");
newnode.innerHTML = "PHP";
otest.appendChild(newnode);

查看全部

0 采集收起来源：插入节点appendChild()
2018-06-28
Sandaydi
Location对象
location用于获取或设置窗体的URL，并且可以用于解析URL。
语法:
```
location.[属性|方法]
```
location对象属性图示:

location 对象属性：
location 对象方法:
查看全部

0 采集收起来源：Location对象
2018-06-28
慕婉清727807

关于时间：

查看全部

0 采集收起来源： Date 日期对象
2018-06-28
慕勒5588615
1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.nextSibling
```
说明：如果无此节点，则该属性返回 null。
2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.previousSibling
```
说明：如果无此节点，则该属性返回 null。
注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。
查看全部

0 采集收起来源：访问兄弟节点
2018-06-28
慕少3363232

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 文本框内容改变事件 </title>
<script type="text/javascript">
function message(){
alert("刘和娟我宣你");
}
</script>
</head>
<body>
<form>
刘和娟 <br>
<textarea name="summary" cols="60" rows="50" onchange="message()">刘和娟，想你了。</textarea>
</form>
</body>

</html>

查看全部

0 采集收起来源：文本框内容改变事件（onchange）
2018-06-28
Sandaydi
返回浏览历史中的其他页面
go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。
语法：
```
window.history.go(number);
```
参数：
浏览器中，返回当前页面之前浏览过的第二个历史页面，代码如下：
```
window.history.go(-2);
```
注意：和在浏览器中单击两次后退按钮操作一样。
同理，返回当前页面之后浏览过的第三个历史页面，代码如下：
```
window.history.go(3);
```
查看全部

0 采集收起来源：返回浏览历史中的其他页面
2018-06-28
Sandaydi

返回下一个浏览的页面

查看全部

0 采集收起来源：返回下一个浏览的页面
2018-06-28
慕勒5588615

获取指定节点的父节点.
语法：
elementNode.parentNode
注意：父节点只有一个。
访问祖节点：
elementNode.parentNode.parentNode

查看全部

0 采集收起来源：访问父节点parentNode
2018-06-28
慕勒5588615
一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。
语法：
```
node.firstChild
```
说明：与elementNode.childNodes[0]是同样的效果。
二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。
语法：
```
node.lastChild
```
说明：与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。
查看全部

0 采集收起来源：访问子节点的第一和最后项
2018-06-28
Sandaydi

返回前一个浏览的页面

查看全部

0 采集收起来源：返回前一个浏览的页面
2018-06-28
Sandaydi
History 对象
history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。
注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。

语法：
```
window.history.[属性|方法]
```
注意：window可以省略。

History 对象属性

History 对象方法：
查看全部

0 采集收起来源：History 对象
2018-06-28