`
tangqi609567707
  • 浏览: 36527 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

window.open()打开窗口全屏

阅读更多

 window.open ('page.html', 'page', 'height=100width=400top=0left=0toolbar=nomenubar=noscrollbars=noresizable=no,location=n o, status=nofullscreen=yes');    

 

参数解释:     

  window.open()  弹出新窗口的命令;    

  'page.html'  弹出窗口的文件名;    

  'page'  弹出窗口的名字(不是文件名),非必须,可用空 '' 代替;

       【注意:如果要在同一个页面中使用window.open( )打开多个窗口,'page' 要用空('')或者'_blank'代替,否则只能打开一个窗口。 】    

  height=100  窗口高度;    

  width=400  窗口宽度;    

  top=0  窗口距离屏幕上方的象素值;    

  left=0  窗口距离屏幕左侧的象素值;    

  toolbar=no  是否显示工具栏,yes为显示;    

  menubar=no    是否显示菜单栏   

       scrollbars=no  是否显示滚动栏

      【注意: 如果属性fullscreen=yes,则scrollbars=no 没用,必须要设置page.html的<body scroll=no>,才有用!】  

  resizable=no  是否允许改变窗口大小,yes为允许;    

  location=no  是否显示地址栏,yes为允许;    

  status=no  是否显示状态栏内的信息(通常是文件已经打开),yes为允许;    

       fullscreen=yes  是否全屏显示,no为不是。 此属性会影响scrollbars属性。

       【请小心使用全屏模式,因为在这种模式下,浏览器的标题栏和菜单栏都被隐藏,所以你应该提供一个按钮或者其他可视的线索来帮助用户关闭这个窗口。当然,使用热键ALT+F4也能关闭这个窗口,但用户未必知道,请考虑周全。

如果你既想使网页全屏,又不想让标题栏隐藏从而[ 最小化/最大化/关闭 ]按钮消失那么可以尝试下面的方法:

在打开的page.html页面里加入以下JS:

<SCRIPT language="JavaScript">
setTimeout('window.moveTo(0,0)',50);
setTimeout('window.resizeTo(screen.availWidth,screen.availHeight)',50); 

//如果想和最大化效果看起来没有一丝差距,还需要调整一下(0,0)、screen.availWidth和screen.availHeight;
//(0,0)可以改成(-4,-4)等;screen.availWidth和screen.availHeight可以都加上一个比较小的合适数值;
//具体加减多少得慢慢试,可能不同浏览器和机器不一样,如果要求不严格,可以无视这点差别。
</script>

 

分享到:
评论

相关推荐

    window.open打开新窗口参数设置

    ### window.open 打开新窗口参数设置详解 在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助...

    window.open.txt

    `window.open()`是JavaScript中一个非常实用的方法,它用于在一个新的浏览器窗口或标签页中打开一个新的文档。此方法通常被用作弹出窗口或新标签页的功能实现基础。其基本语法为: ```javascript window.open(URL, ...

    JS中window.open全屏命令解析及使用示例

    要让`window.open`打开的窗口全屏显示,我们需要利用浏览器提供的屏幕可用宽度和高度。`window.screen.availWidth` 和 `window.screen.availHeight` 分别返回屏幕可用宽度和可用高度,减去一定像素值(通常用于边缘...

    window.open 控制

    在传统的做法中,我们可以尝试使用 `fullscreen=yes` 来使窗口全屏,但这种方式并不总是能得到我们期望的结果,因为它会将窗口设置为全屏模式,而不是最大化模式。 为了实现窗口最大化,我们可以利用浏览器的可用...

    js中window.open的参数及注意注意事项.docx

    在Web开发中,`window.open` 是一个非常常用的方法,它允许我们从当前窗口打开一个新的浏览器窗口或者在一个已经存在的窗口中加载一个新的文档。然而,在实际应用过程中,开发者可能会遇到一些意想不到的问题,尤其...

    JS控制弹出页面窗口控件(openWin)

    window.open()和window.showModalDialog(),并解决了showModalDialog()弹出窗口中列表分页的问题。 提供了三个JS方法: (1)showWindow(sURL, width, height); (2)showWindowInPage(pageUrl, params, title, ...

    实现浏览器全屏窗口的几种方法

    - 通过`window.open`函数打开一个新窗口,并设置参数为全屏模式。 - 可以通过设置不同的参数来控制新窗口的行为,例如禁用滚动条、菜单栏等。 2. **示例代码**: ```javascript function omiga_window() { ...

    按钮打开全屏窗口.rar

    在JavaScript中,你可能使用addEventListener()函数绑定`click`事件,当点击事件发生时,执行相应代码使浏览器窗口全屏。 在设计用户交互时,要考虑用户体验和一致性。全屏按钮的图标和位置应符合用户的预期,通常...

    自动全屏和最大化打开窗口

    一般可以用window.open的方式实现。但是,在某些情形下,打开窗口很可能被系统拦截,致使打开失败。这个例子两手准备,如果最大化打开新窗口成功,则关闭第一个窗口,否则,采用常规方式打开。这样,就保证了不会...

    js中打开新窗口的各种方法.doc

    1. **全屏打开新窗口**: ```javascript function ow(owurl) { var tmp = window.open("about:blank", "", "fullscreen=1"); tmp.moveTo(0, 0); tmp.resizeTo(screen.width + 20, screen.height); tmp.focus()...

    js中window.open的参数及注意注意事项

    JavaScript 中的 window.open 方法是一个非常实用的函数,主要用于在浏览器中打开一个新的窗口,并且可以配置这个新窗口的很多属性。下面,我们将详细讲解 window.open 方法可以接受的参数以及在使用过程中需要注意...

    js中的window.open返回object的错误的解决方法

    在JavaScript中,`window.open()` 是一个非常常用的函数,用于打开新的浏览器窗口或者标签页。然而,有时在特定系统环境中,使用 `window.open()` 后可能会遇到返回`[object]`的错误,这通常是因为系统要求使用`href...

    layer弹出层全屏及关闭方法

    上述代码中,`layer.open()`用于打开一个新的弹出层,其中`area`参数用于定义弹出层的宽高,为了实现全屏效果,我们可以将其设置为`'auto'`。调用`layer.full(index)`后,弹出层会自动调整至全屏大小。 当需要关闭...

    图片预览新窗口全屏图片展示功能

    "图片预览新窗口全屏图片展示功能"是这样一种技术,它允许用户点击缩略图后,在一个新的浏览器窗口中打开全屏的图片预览,提供更佳的视觉体验。 实现这一功能,通常会涉及到以下几个关键技术点: 1. **HTML**:...

    按钮的js样式设置.pdf

    `window.open()`接受三个参数:要打开的URL、新窗口的名称(用于识别和重用窗口)以及窗口特征字符串。在`Step3`和`Step4`,我们可以设置窗口的宽度、高度、位置以及其他特性,如工具栏、滚动条等。 ```html 在线...

    javascript经典特效---打开无边窗口.rar

    总结起来,"javascript经典特效---打开无边窗口.rar"这个资源可能包含了一个使用JavaScript的`window.open()`方法创建可自定义大小和位置的新窗口的示例,这对于学习和理解JavaScript动态窗口效果有着很好的实践价值...

    js打开新窗口方法整理

    [removed]=”aaa.aspx” 上面的方法只能在当前页打开,如果要在新的页面打开,最简单的是用以下方法 form.target=”_blank”; form.action=”aaa.aspx”;... 1,打开新窗口全屏 代码如下: &lt;html

    前端开源库-bwindow

    1. **新窗口创建**:`bWindow` 提供了创建新窗口的功能,允许开发者自定义新窗口的属性,如大小、位置、URL以及是否在新窗口中打开链接等。 2. **窗口管理**:可以调整窗口的大小、移动窗口位置,甚至实现窗口之间...

Global site tag (gtag.js) - Google Analytics