单击按钮打开全屏窗口

极海网络  发布于:2014-11-23  浏览:

摘要:曾经详细介绍过window.open函数来打开一个窗口,如果要打开一个全屏9.30的窗口,需要使用window提供的另外两个方法。 moveTo()方法:可把窗口的左上角移动到一个指定的坐标,该函数接收x和y参数值,用来指定所要移动到的位置。 resizeT00方法:用来把窗口大小调整为指定的宽度和高度,需要指定width和height属性指定宽度和高度。 为了获取当前显示屏幕的宽度和高度,需要调用Screen对象的width和height属性来获取当前屏幕的高度和宽度来实现全屏的显示,下面新建一个名为j sDem06.html的网页,编写如代码9.16所示的全屏窗口。 代码的实现过程如以下步骤所示。 (1)在 body区添加了一个按钮,当该按钮被单击时,将调用在 head区中定义的winopen()函数来打开全屏窗口。 (2) winopen()函数定义了要打开的目标网址变量target,然后调用window.open打开一个空白的不包含任何内容
 
  曾经详细介绍过window.open函数来打开一个窗口,如果要打开一个全屏9.30的窗口,需要使用window提供的另外两个方法。
  moveTo()方法:可把窗口的左上角移动到一个指定的坐标,该函数接收x和y参数值,用来指定所要移动到的位置。
  resizeT00方法:用来把窗口大小调整为指定的宽度和高度,需要指定width和height属性指定宽度和高度。
  为了获取当前显示屏幕的宽度和高度,需要调用Screen对象的width和height属性来获取当前屏幕的高度和宽度来实现全屏的显示,下面新建一个名为j sDem06.html的网页,编写如代码9.16所示的全屏窗口。
  代码的实现过程如以下步骤所示。
  (1)在< body>区添加了一个按钮,当该按钮被单击时,将调用在< head>区中定义的winopen()函数来打开全屏窗口。
  (2) winopen()函数定义了要打开的目标网址变量target,然后调用window.open打开一个空白的不包含任何内容的窗口,window.open的scrollbars表示显示滚动条,除了滚动条显示之外,其他的浏览器元素都不显示。
  (3) document.all和document.getElementByld用来检查浏览器,表示如果浏览器为IE或标准的W3C浏览器支持,就会调用window对象的moveTo和resizeTo将当前窗口的位置和大小进行调整以便于进行全屏显示。
  (4)调用window.location来设置窗口要显示的目标网址内容。
  在运行该网页后,单击“微软公司网站”按钮,将会弹出一个全屏显示的子窗口来加载微软公司网站的内容。
  

文章链接:http://www.jihai.com/a/jiaocheng/javascript/201411/863.html
标签:按钮(4)过(3)窗口(6)单击(3)曾经(3)打开(8)介绍(11)
作者:极海网络 来源:未知 发布于2014-11-23 15:55
您可能喜欢的文章

热门模板
热门阅读
热门插件