Navigator浏览器对象
- appCodeName：浏览器内核名称
- appName ：浏览器名称
- appVersion ：浏览器版本号
- platform ：操作系统信息
- online：是否脱机工作
- cookieEnabled ：是否开启Cookie
- userAgent：用户头代理
例1：通过用户头代理判断浏览器信息
<!DOCTYPE html> <html> <head> <meta charset=’utf-8′> <title></title> <script src=’public.js’></script> </head> <body> <script> var str = window.navigator.userAgent; if(str.indexOf(‘MSIE’)>0){ document.write(“IE浏览器”); }else{ document.write(‘w3c浏览器’); } </script> </body> </html>
Location对象（网址）
- host ：主机名称
- port：端口号
- href ：链接地址
- pathname ：路径信息
- protocol ：协议
- search ：搜索参数，网址？号后面的参数
- assign(url)：调整到指定的url
示例代码：
<!DOCTYPE html> <html> <head> <meta charset=’utf-8′> <title></title> <script src=’public.js’></script> <script> window.onload = function(){ $(‘btnok’).onclick = function(){ //以前我们是使用location.assign(‘http://www.baidu’);直接进行跳转的 location.href=(‘http://www.baidu.com’); } } </script> </head> <body> <input type=”button” id=”btnok” value=”跳转”> </body> </html>
Screen对象
- availHeight ：屏幕的可用高度
- availWidth ：屏幕的可用宽度
- colorDepth ：颜色值（屏幕的色彩深度）
- height ：屏幕高度
- width：屏幕宽度
示例代码：
<!DOCTYPE html> <html> <head> <meta charset=’utf-8′> <title></title> <script src=’public.js’></script> </head> <body> <script> document.write(‘可用宽度’+window.screen.availWidth); document.write(‘可用高度’+window.screen.availHeight); </script> </body> </html>
Document对象（DOM模型）
- linkColor ：链接颜色
- alinkColor ：作用中的链接颜色
- vlinkColor ：已访问后的链接颜色
- bgColor ：网页的背景色
- fgColor ：字体颜色
- title：网页标题
- getElementById(“id”)：通过id选择当前页面DOM对象
- getElementsByName(“name”)：通过name属性选取DOM对象，返回数组
- getElementsByTagName(“tagname”)：通过标签名称获取DOM对象，返回数组
示例代码：
<!DOCTYPE html> <html> <head> <meta charset=’utf-8′> <title></title> <script src=’public.js’></script> </head> <body> <script> function display(){ if(document.title==’Document对象详解’){ document.title=’【有新消息】 – Document对象详解'; }else{ document.title=’Document对象详解'; } setTimeout(‘display()’,1000); } window.onload = function(){ display(); } </script> </body> </html>