JS内部对象(window,navigator)

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>JS内部对象(window,navigator)</title>  
  6. </head>  
  7.   
  8. <body>  
  9. <mce:script type="text/javascript"><!--  
  10. document.write("window.navigator-----------------------------<br>");  
  11. document.write("浏览器名称为:"+navigator.appName+"<br>");  
  12. document.write("浏览器版本为:"+navigator.appVersion+"<br>");  
  13. document.write("浏览器的代码名称为:"+navigator.appCodeName+"<br>");  
  14. document.write("用户代理标识为:"+navigator.userAgent+"<br>");  
  15. document.write("可以使用的mine类型信息为:"+navigator.mineTypes+"<br>");  
  16. document.write("可以使用的插件信息为:"+navigator.plugins+"<br>");  
  17. document.write("语言设定为:"+navigator.languages+"<br><br>");  
  18. document.write("window对象的属性--------------------------------<br>");  
  19. document.write("window.document:"+window.document+"<br>");  
  20. document.write("window.location:"+window.location+"<br>");  
  21. document.write("window.history:"+window.history+"<br>");  
  22. document.write("window.closed:"+window.closed+"<br>");  
  23. document.write("window.opener:"+window.opener+"<br>");  
  24. document.write("window.self:"+window.self+"<br>");  
  25. document.write("window.top:"+window.top+"<br>");  
  26. document.write("window.parent:"+window.parent+"<br>");  
  27. document.write("window.frames:"+window.frames+"<br>");  
  28. document.write("window.length:"+window.length+"<br>");  
  29. document.write("window.offscreenBuffering:"+window.offscreenBuffering+"<br>");  
  30. /*  
  31. document 当前文件的信息   
  32. location 当前URL的信息   
  33. name 窗口名称   
  34. status 状态栏的临时信息   
  35. defaultStatus   
  36. history 该窗口最近查阅过的网页   
  37. closed 判断窗口是否关闭,返回布尔值  
  38. opener open方法打开的窗口的源窗口  
  39. outerHeight 窗口边界的垂直尺寸,px   IE 不支持此属性,且没有提供替代的属性。  
  40. outerWidth 窗口边界的水平尺寸,px    IE 不支持此属性,且没有提供替代的属性。  
  41. pageXOffset 网页x-position的位置   
  42. pageYOffset 网页y-position的位置   
  43. innerHeight 窗口内容区的垂直尺寸,px   
  44. innerWidth 窗口内容区的水平尺寸,px   
  45. screenX 窗口左边界的X坐标   
  46. screenY 窗口上边界的Y坐标   
  47. self 当前窗口   
  48. top 最上方的窗口   
  49. parent 当前窗口或框架的框架组   
  50. frames 对应到窗口中的框架   
  51. length 框架的个数   
  52. locationbar 浏览器地址栏   
  53. menubar 浏览器菜单栏   
  54. scrollbars 浏览器滚动条   
  55. statusbar 浏览器状态栏   
  56. toolbar 浏览器工具栏   
  57. offscreenBuffering 是否更新窗口外的区域   
  58. personalbars 浏览器的个人工具栏,仅Navigator   
  59. */  
  60. var dlk="对话框";  
  61. var timestr  
  62. var zdtime=/^[0-9]{1,100}$/  
  63. // --></mce:script>  
  64. <form id="form1" name="form1" method="post" action="">  
  65. 打开/关闭<br />  
  66. <input type="button" name="Submit" value="打开新窗口" onclick="open('execCommand.html','新窗口','toolbar=false,location=false,directions=false,status=false,menubar=false,scrollbar=false,revisable=false,width=600,height=400,top=100,left=100')"/>  
  67. <!--  
  68. alwaysLowered 是否将窗口显示的堆栈后推一层   
  69. alwaysRaised 是否将窗口显示的堆栈上推一层   
  70. dependent 是否将该窗口与当前窗口产生依存关系   
  71. fullscreen 是否满屏显示   
  72. directories 是否显示连接工具栏   
  73. location 是否显示网址工具栏   
  74. menubar 是否显示菜单工具栏   
  75. scrollbars 是否显示滚动条   
  76. status 是否显示状态栏   
  77. titlebar 是否显示标题栏   
  78. toolbar 是否显示标准工具栏   
  79. resizable 是否可以改变窗口的大小   
  80. screenX 窗口左边界距离   
  81. screenY 窗口上边界距离   
  82. top 窗口上边界   
  83. width 窗口宽度   
  84. height 窗口高度   
  85. left 窗口左边界   
  86. outerHeight 窗口外边界的高度   
  87. personalbar 是否显示个人工具栏   
  88. -->  
  89. <input type="button" name="Submit2" value="关闭" onclick="window.close()"/>  
  90. <br />  
  91. <br />  
  92. 对话框  
  93. <br />  
  94. <input type="button" name="Submit4" value="信息输入" onclick="dlk=prompt('对话框','请输入一些信息:')"/>  
  95. <input type="button" name="Submit3" value="弹出信息" onclick="alert(dlk)"/>  
  96. <input type="button" name="Submit1" value="恢复默认信息" onclick="if(confirm('是否恢复默认信息')) dlk='对话框';"/>  
  97. <br />  
  98. <br />  
  99. setTimeout/setInterval  
  100. <br />  
  101.   
  102. <input type="button" name="Submit3" value="显示时间" onclick="settime();"/>  
  103. <input type="button" name="Submit3" value="停止时间1" onclick="clearTimeout(timer);"/>  
  104. <input type="text" name="textfield" value=""/>setTimeout<br />  
  105. <input type="button" name="Submit3" value="开始计时" onclick="timer1=setInterval('settime1()',1000);"/>  
  106. <input type="button" name="Submit3" value="停止时间2" onclick="clearInterval(timer1);"/>  
  107. <input type="text" name="textfield1" value=""/>setInterval<br /><br />  
  108. 移动/调整<br />移动<br />  
  109. <input type="text" name="mb" value=""/>  
  110. <!-- js提供了parseInt()和parseFloat()-->  
  111. <input type="button" name="Submit3" value="开始震动" onclick="if (zdtime.test(document.form1.mb.value)){zhendong(parseInt(document.form1.mb.value));} else zhendong(5);"/>  moveBy<br />  
  112. X<input name="x" type="text" value="" size="3" maxlength="4"/>  Y<input name="y" type="text" value="" size="3" maxlength="4"/>  <input type="button" name="Submit3" value="移动" onclick="moveTo(parseInt(document.form1.x.value),parseInt(document.form1.y.value))"/>    
  113. moveTo<br />  
  114. <br />调整<br />  
  115. X<input name="x1" type="text" value="" size="3" maxlength="4"/>  Y<input name="y1" type="text" value="" size="3" maxlength="4"/>  <input type="button" name="Submit3" value="调整减XY" onclick="resizeBy(-parseInt(document.form1.x1.value),-parseInt(document.form1.y1.value))"/>    
  116. resizeBy<br />  
  117. X<input name="x2" type="text" value="" size="3" maxlength="4"/>  Y<input name="y2" type="text" value="" size="3" maxlength="4"/>  <input type="button" name="Submit3" value="调整到" onclick="resizeTo(parseInt(document.form1.x2.value),parseInt(document.form1.y2.value))"/>    
  118. resizeTo<br /><br /><br />  
  119. <!--<input type="button" name="Submit3" value="滚动条上移10像素" οnclick="window.scrollBy(1,0);"/>-->  
  120. <input type="button" name="Submit3" value="滚动条移动到0,0位置" onclick="window.scrollTo(0,0);"/>  
  121. <input type="button" name="Submit3" value="打印" onclick="window.print();"/>  
  122. <!--  
  123. <input type="button" name="Submit3" value="后退" onclick="try{back(1);}catch(e){alert('不能后退')}"/>  
  124. <!--  
  125.   window.open 弹出新窗口的命令;   
  126.   'page.html' 弹出窗口的文件名;   
  127.   'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;   
  128.   height=100 窗口高度;   
  129.   width=400 窗口宽度;   
  130.   top=0 窗口距离屏幕上方的象素值;   
  131.   left=0 窗口距离屏幕左侧的象素值;   
  132.   toolbar=no 是否显示工具栏,yes为显示;   
  133.   menubar,scrollbars 表示菜单栏和滚动栏。   
  134.   resizable=no 是否允许改变窗口大小,yes为允许;   
  135.   location=no 是否显示地址栏,yes为允许;   
  136.   status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许  
  137. -->  
  138. </form>  
  139. <mce:script type="text/javascript"><!--  
  140. timer1=setInterval("settime1()",1000)  
  141. function settime1(){  
  142.    var now1 = new Date();  
  143.    document.form1.textfield1.value=now1.toLocaleString();  
  144. }  
  145. function settime(){  
  146.    timer=setTimeout("settime()",1000);  
  147.    var now = new Date();  
  148.    document.form1.textfield.value=now.toLocaleString();  
  149. }  
  150. function zhendong(n){  
  151.    for(i=10;i>0;i--){  
  152.     for(j=n;j>0;j--){  
  153.      window.moveBy(0,i);  
  154.      window.moveBy(i,0);  
  155.      window.moveBy(0,-i);  
  156.      window.moveBy(-i,0);  
  157.     }  
  158.    }  
  159. }  
  160. // --></mce:script>  
  161. </body>  
  162. </html> 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值