1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 7 /* 8 screen 屏幕对象 9 ------------------- 属性 --------------------- 10 屏幕宽度 11 height: 屏幕高度 12 availWidht: 有效宽度, 不含任务栏 13 availHeight: 有效高度, 不含任务栏 14 都是只读属性 15 */ 16 var str = "<h2>屏幕的尺寸</h2>" 17 str += "宽度: " + screen.width + ", 高度: " + screen.height + "<br>"; 18 str += "有效宽度: " + screen.availWidth + ", 有效高度: " + screen.availHeight + "<br>"; 19 document.write(str); 20 document.write("<hr>"); 21 22 /* 23 navigator 浏览器对象 24 ------------------- 属性 --------------------- 25 appName: 软件名称 26 appVersion: 核心版本 27 systemLanguage: 系统语言 28 userLanguage: 用户语言 29 platform: 用户平台 30 */ 31 var str = "<h2>浏览器信息</h2>"; 32 str += "appName: " + navigator.appName; 33 str += "<br>appVersion: " + navigator.appVersion; 34 str += "<br>systemLanguage: " + navigator.systemLanguage; 35 str += "<br>userLanguage: " + navigator.userLanguage; 36 str += "<br>platform: " + navigator.platform; 37 document.write(str); 38 document.write("<hr>"); 39 40 /* 41 location 地址栏对象 42 ------------------- 属性 --------------------- 43 href: 获取完整的地址, 可以实现JS的网页跳转 44 host: 主机名 45 hostname: 主机名 46 pathname: 文件路径及文件名 47 search: 查询字符串 48 protocol: 协议 http:// ftp:// 49 hash: 锚点名称 #top 50 reload(true): 刷新网页, true表示强制刷新 51 */ 52 // 3秒后跳转百度 53 // window.setTimeout("location.href = 'http://www.baidu.com'", 3000); 54 55 /* 56 histroy 历史记录对象 57 ------------------- 属性 --------------------- 58 length: 历史记录个数 59 go(n): 前进n页 60 go(0): 刷新 61 go(-n): 后退n页 62 forward(): 前进 63 back(): 后退 64 */ 65 </script> 66 </head> 67 <body> 68 69 <!-- 地址栏对象 --> 70 <input type="button" value="刷新网页" onclick="javascript:location.reload(true)"> 71 <hr> 72 73 <!-- 历史记录对象 --> 74 <a href="news.html">新闻</a> 75 <input type="button" value="前进" onclick="history.go(1)"> 76 77 </body> 78 </html>