夺命雷公狗---javascript NO:19 Navigator浏览器对象

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>

 

posted @ 2015-12-09 10:01  夺命雷公狗  阅读(166)  评论(0)  编辑  收藏  举报