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>
时间： 2024-12-08 16:46:48