`
康敏栋
  • 浏览: 171393 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

javascript:window.open 打开最大化窗口设置及详解

 
阅读更多
转载地址:http://www.cnblogs.com/yunfei181/archive/2010/12/24/1915949.html

目的主要是使用javascript:window.open()对浏览器 iE6.0,7.0,8.0,chorme,safari,firefox适用

刚开始的时候对最大化使用
<a href="javascript:void window.open('https://www.sina. com.cn/ ','XX','fullscreen,scrollbars,resizable=yes,toolbar=no')">Open</a>
对IE6.0,它的效果是全屏,但是没有了关闭等等按钮,必须打开任务管理器了才能关掉,对用户很不方便。
而对safari,根本就不起作用,还是原来的窗体大小打开。

正确的使用方法是
<a href="javascript:void window.open('https://www.sina.com.cn/ ','XX',' left=0,top=0,width='+ (screen.availWidth - 10) +',height='+ (screen.availHeight-50) +',scrollbars,resizable=yes,toolbar=no')">Open</a>
对这些浏览器是 OK的

随便添加些window.open()的介绍
1.基本语法  window.open(pageURL,name,parameters)

2.各项参数
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。

参数 | 取值范围 | 说明

alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

3.一个例子介绍

弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。

<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
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为允许;
</SCRIPT> js脚本结束
分享到:
评论

相关推荐

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

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

    前端开源库-bwindow

    - 用户交互:通过窗口控制增强用户体验,如全屏模式、窗口最大化等。 **六、社区支持与贡献** 作为开源库,`bWindow` 拥有活跃的社区和维护者,开发者可以参与其中,提交bug报告,提出功能建议,甚至直接贡献代码...

    layUI使用layer.open,在content打开数据表格,获取值并返回的方法

    2. 使用`layer.open`打开新窗口,设置好弹窗的属性和内容。 3. 在新窗口中加载数据表格,监听行单击事件,获取选中行的值。 4. 新窗口将选中值通过回调函数传递回父窗口。 5. 父窗口的`yes`回调函数接收到值,进行...

    107个常用Javascript语句.doc

    - **说明**: `window.open()`用于打开新窗口,`window.close()`用于关闭当前窗口,`self`表示当前窗口。 - **示例**: `var newWin = window.open("http://example.com");` #### 20. 状态栏设置 - **语法**: `window...

    JavaScript宝典 js开发

    - 打开新窗口:`window.open()` - 关闭当前窗口:`window.close()` - 指定当前窗口:`self` 这些操作对于与用户的交互至关重要,特别是在处理表单提交或弹出新窗口时。 #### 十七、状态栏设置 `window.status = ...

    网页弹出窗口代码汇总

    `window.open`是JavaScript中最基本的打开新窗口的方法,可以设置弹出窗口的大小、位置等参数。下面给出了几种不同配置的例子: 1. **全屏弹出窗口**: ```html &lt;body onload="window.open('...

    javascript

    - 打开新窗口:`window.open()` - 关闭窗口:`window.close()` - 获取当前窗口:`self` ##### 20. 设置状态栏文字 ```javascript window.status = "文本"; ``` 通过`window.status`属性设置浏览器状态栏的文字。 #...

    js函数一览表 javaScript 自定义函数一览表

    - **打开新窗口**:`window.open()` - **关闭当前窗口**:`window.close()` - **访问当前窗口**:`self` - **用途**:对窗口进行操作,如打开新窗口、关闭当前窗口等。 20. **设置状态栏文本** - **语法**:`...

    js常用语句

    - 打开新窗口:`window.open(url, name, specs, replace)`。 - 关闭窗口:`window.close()`。 - 状态栏设置:`window.status`属性用于设置浏览器状态栏的文本。 #### 九、用户交互 - 弹出警告对话框:`window....

    layer-v3.0.3 弹层组件文档和demo

    此外,layer-v3.0.3还支持拖拽、最大化、关闭按钮等特性,并且具有良好的浏览器兼容性,覆盖了IE6+、Chrome、Firefox等主流浏览器。在实际项目中,通过合理利用这些特性,我们可以构建出丰富多样的交互效果,提升...

    经典Javascript语句

    - **用途**: 打开新窗口、关闭当前窗口及设置状态栏文本。 **20. 弹出对话框** - **语法**: `alert("文本")`, `confirm("文本")`, `prompt("文本")` - **用途**: 显示警告、确认对话框及输入提示框。 **21. URL...

    JavaScript测试

    - **知识点**: `window.open()`方法用于打开新窗口。 - **解释**: 需要提供URL、窗口名称等参数。 - **示例**: `window.open("http://www.w3school.com.cn", "window2");`。 #### 19. 在浏览器状态栏放入消息 - **...

    Layout API 帮助文档

    ### Layout API 帮助文档知识点详解 #### 一、概述 Layout API 是 layer 框架中的一个重要组成部分,主要用于创建各种弹出层、提示信息等界面交互元素。本帮助文档适用于 layer 1.9 及以上版本。如果你正在使用的...

    javascript常用技巧

    19. **窗口操作**:使用 `window.open()` 打开新窗口,`window.close()` 关闭当前窗口,`self` 指向当前窗口。 20. **设置状态栏**:通过 `window.status = "文本"` 可以设置浏览器的状态栏文本。 21. **提示信息*...

    js常用函数属性事件集

    - 打开新窗口:`window.open(url, target, features)` - 关闭当前窗口:`window.close()` - 访问当前窗口:`self` - **示例**: ```javascript window.open("http://example.com", "_blank", "width=500,...

    javascript学习笔记

    18. **窗口操作**: 使用 `window.open()` 可以打开新窗口,而 `window.close()` 用于关闭当前窗口。此外,`window.status` 用于设置浏览器状态栏的文本。 19. **弹出对话框**: JavaScript提供了几种弹出对话框的...

    JSP技巧收集——超多超赞的JSP实用小技巧

    - `window.open()`: 打开一个新的浏览器窗口或标签页。 20. **关闭当前窗口**: - `window.close()`: 关闭当前窗口。 21. **设置状态栏文本**: - `window.status = "text";`: 设置浏览器状态栏的文本。 22. **...

    JS基础知识

    - **打开新窗口**:`window.open()`用于打开新窗口。 - **关闭当前窗口**:`window.close()`用于关闭当前窗口。 - **指向自身**:`self`引用当前窗口。 #### 20. 设置状态栏文本 - **状态栏设置**:`window.status ...

    node-webkit教程

    - **打开新窗口**: `var new_win = gui.Window.get(window.open('https://github.com'));` - **关闭窗口**: `win.close();` - **监听关闭窗口**: `win.on('close', function() { // TODO });` ##### 3. 无框窗口 - ...

    一些asp初学者常用的代码

    - `window.open()` 方法用于打开新的浏览器窗口。 - 第一个参数为 URL。 - 第二个参数为空表示打开一个新的未命名窗口。 - 第三个参数定义了新窗口的属性。 #### 七、随机数生成 随机数在很多应用中都有广泛的应用...

Global site tag (gtag.js) - Google Analytics