js浏览器对象

js的window对象.

window对象不但能充当全局作用域，而且表示浏览器的窗口。

window有innerWidth和innerHeight属性。获得内部高度和宽度。除去菜单栏，工具栏，和边框后，单独显示网页的净宽高。

console.log('window inner size' + window.innerWidth);

会随着窗口大小的拉伸变化而变化。

navigator表示浏览器的信息包括浏览器名称浏览器版本，浏览器设置的语言等.

console.log(navigator.userAgent);

screen对象表示屏幕的信息，常用的属性有

screen.width 屏幕宽度 screen.height 屏幕高度等。也会随着可见视区的变化而变化。

location对象表示当前页面的URL信息。例如，一个完整的URL：

location.protocol; // 'http'
location.host; // 'www.example.com'
location.port; // '8080'
location.pathname; // '/path/index.html'
location.search; // '?a=1&b=2'
location.hash; // 'TOP'

document表示当前的页面，由于html在浏览器中以DOM的形式展现，document对象就是整个DOM树的根节点

查找dom对象可以用getElementById()和getElementsByTagName()可以按ID获得一个DOM节点和按Tag名称获得一组DOM节点：

cookie是由服务器发送的key-value标识符，因为http是没有状态的，但是服务器要区分是哪个用户发送过来的。就可以用cookie进行区分。当一个用户成功登陆后，服务器发一个cookie给浏览器，例如user=ABC123XYZ(加密的字符串)...，此后，浏览器访问该网站时，会在请求头附上这个Cookie，服务器根据Cookie即可区分出用户。

document.cookie这一属性。因为js能读取cookie 所以第三方的js文件会进行入侵。读取用户信息，，服务器在设置Cookie时可以使用httpOnly，设定了httpOnly的Cookie将不能被JavaScript读取。这个行为由浏览器实现，主流浏览器均支持httpOnly选项，IE从IE6 SP1开始支持。

history对象保存浏览器的历史记录。

操纵DOM。

更新：更新该DOM节点的内容，相当于更新了该DOM节点表示的HTML的内容；
遍历：遍历该DOM节点下的子节点，以便进行进一步操作；
添加：在该DOM节点下新增一个子节点，相当于动态增加了一个HTML节点；
删除：将该节点从HTML中删除，相当于删掉了该DOM节点的内容以及它包含的所有子节点。

获取：

var js = document.getElementById("test-p");
js.innerHTML = "<div>哈哈哈哈哈</div>";

修改html

创建一个html元素，随后进行插入。

//生成元素
var list = document.createElement('p');
list.id = "list";
list.innerText = "陈盼盼";
haskell.appendChild(list);
console.log(js);

猜你喜欢