- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>JS内部对象(window,navigator)</title>
- </head>
- <body>
- <mce:script type="text/javascript"><!--
- document.write("window.navigator-----------------------------<br>");
- document.write("浏览器名称为:"+navigator.appName+"<br>");
- document.write("浏览器版本为:"+navigator.appVersion+"<br>");
- document.write("浏览器的代码名称为:"+navigator.appCodeName+"<br>");
- document.write("用户代理标识为:"+navigator.userAgent+"<br>");
- document.write("可以使用的mine类型信息为:"+navigator.mineTypes+"<br>");
- document.write("可以使用的插件信息为:"+navigator.plugins+"<br>");
- document.write("语言设定为:"+navigator.languages+"<br><br>");
- document.write("window对象的属性--------------------------------<br>");
- document.write("window.document:"+window.document+"<br>");
- document.write("window.location:"+window.location+"<br>");
- document.write("window.history:"+window.history+"<br>");
- document.write("window.closed:"+window.closed+"<br>");
- document.write("window.opener:"+window.opener+"<br>");
- document.write("window.self:"+window.self+"<br>");
- document.write("window.top:"+window.top+"<br>");
- document.write("window.parent:"+window.parent+"<br>");
- document.write("window.frames:"+window.frames+"<br>");
- document.write("window.length:"+window.length+"<br>");
- document.write("window.offscreenBuffering:"+window.offscreenBuffering+"<br>");
- /*
- document 当前文件的信息
- location 当前URL的信息
- name 窗口名称
- status 状态栏的临时信息
- defaultStatus
- history 该窗口最近查阅过的网页
- closed 判断窗口是否关闭,返回布尔值
- opener open方法打开的窗口的源窗口
- outerHeight 窗口边界的垂直尺寸,px IE 不支持此属性,且没有提供替代的属性。
- outerWidth 窗口边界的水平尺寸,px IE 不支持此属性,且没有提供替代的属性。
- pageXOffset 网页x-position的位置
- pageYOffset 网页y-position的位置
- innerHeight 窗口内容区的垂直尺寸,px
- innerWidth 窗口内容区的水平尺寸,px
- screenX 窗口左边界的X坐标
- screenY 窗口上边界的Y坐标
- self 当前窗口
- top 最上方的窗口
- parent 当前窗口或框架的框架组
- frames 对应到窗口中的框架
- length 框架的个数
- locationbar 浏览器地址栏
- menubar 浏览器菜单栏
- scrollbars 浏览器滚动条
- statusbar 浏览器状态栏
- toolbar 浏览器工具栏
- offscreenBuffering 是否更新窗口外的区域
- personalbars 浏览器的个人工具栏,仅Navigator
- */
- var dlk="对话框";
- var timestr
- var zdtime=/^[0-9]{1,100}$/
- // --></mce:script>
- <form id="form1" name="form1" method="post" action="">
- 打开/关闭<br />
- <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')"/>
- <!--
- alwaysLowered 是否将窗口显示的堆栈后推一层
- alwaysRaised 是否将窗口显示的堆栈上推一层
- dependent 是否将该窗口与当前窗口产生依存关系
- fullscreen 是否满屏显示
- directories 是否显示连接工具栏
- location 是否显示网址工具栏
- menubar 是否显示菜单工具栏
- scrollbars 是否显示滚动条
- status 是否显示状态栏
- titlebar 是否显示标题栏
- toolbar 是否显示标准工具栏
- resizable 是否可以改变窗口的大小
- screenX 窗口左边界距离
- screenY 窗口上边界距离
- top 窗口上边界
- width 窗口宽度
- height 窗口高度
- left 窗口左边界
- outerHeight 窗口外边界的高度
- personalbar 是否显示个人工具栏
- -->
- <input type="button" name="Submit2" value="关闭" onclick="window.close()"/>
- <br />
- <br />
- 对话框
- <br />
- <input type="button" name="Submit4" value="信息输入" onclick="dlk=prompt('对话框','请输入一些信息:')"/>
- <input type="button" name="Submit3" value="弹出信息" onclick="alert(dlk)"/>
- <input type="button" name="Submit1" value="恢复默认信息" onclick="if(confirm('是否恢复默认信息')) dlk='对话框';"/>
- <br />
- <br />
- setTimeout/setInterval
- <br />
- <input type="button" name="Submit3" value="显示时间" onclick="settime();"/>
- <input type="button" name="Submit3" value="停止时间1" onclick="clearTimeout(timer);"/>
- <input type="text" name="textfield" value=""/>setTimeout<br />
- <input type="button" name="Submit3" value="开始计时" onclick="timer1=setInterval('settime1()',1000);"/>
- <input type="button" name="Submit3" value="停止时间2" onclick="clearInterval(timer1);"/>
- <input type="text" name="textfield1" value=""/>setInterval<br /><br />
- 移动/调整<br />移动<br />
- <input type="text" name="mb" value=""/>
- <!-- js提供了parseInt()和parseFloat()-->
- <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 />
- 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))"/>
- moveTo<br />
- <br />调整<br />
- 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))"/>
- resizeBy<br />
- 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))"/>
- resizeTo<br /><br /><br />
- <!--<input type="button" name="Submit3" value="滚动条上移10像素" οnclick="window.scrollBy(1,0);"/>-->
- <input type="button" name="Submit3" value="滚动条移动到0,0位置" onclick="window.scrollTo(0,0);"/>
- <input type="button" name="Submit3" value="打印" onclick="window.print();"/>
- <!--
- <input type="button" name="Submit3" value="后退" onclick="try{back(1);}catch(e){alert('不能后退')}"/>
- <!--
- window.open 弹出新窗口的命令;
- 'page.html' 弹出窗口的文件名;
- 'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
- height=100 窗口高度;
- width=400 窗口宽度;
- top=0 窗口距离屏幕上方的象素值;
- left=0 窗口距离屏幕左侧的象素值;
- toolbar=no 是否显示工具栏,yes为显示;
- menubar,scrollbars 表示菜单栏和滚动栏。
- resizable=no 是否允许改变窗口大小,yes为允许;
- location=no 是否显示地址栏,yes为允许;
- status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许
- -->
- </form>
- <mce:script type="text/javascript"><!--
- timer1=setInterval("settime1()",1000)
- function settime1(){
- var now1 = new Date();
- document.form1.textfield1.value=now1.toLocaleString();
- }
- function settime(){
- timer=setTimeout("settime()",1000);
- var now = new Date();
- document.form1.textfield.value=now.toLocaleString();
- }
- function zhendong(n){
- for(i=10;i>0;i--){
- for(j=n;j>0;j--){
- window.moveBy(0,i);
- window.moveBy(i,0);
- window.moveBy(0,-i);
- window.moveBy(-i,0);
- }
- }
- }
- // --></mce:script>
- </body>
- </html>
JS内部对象(window,navigator)
最新推荐文章于 2023-02-26 16:44:23 发布