一、window.open()支持环境:

JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3

二、windown.open基本语法:

window.open(pageURL,name,parameters)

其中:

pageURL为子窗口路径
name为子窗口句柄
parameters为窗口参数(各参数用逗号分隔)

三、windown.open示例:

脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。

  上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。四、各项参数

  其中yes/no也可使用1/0;pixelvalue为具体的数值,单位象素。


参数|取值范围|说明

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

【1、最基本的弹出窗口代码】

其实代码非常简单:

因为着是一段javascripts代码,所以它们应该放在<SCRIP TLANGUAGE="javascript">标签和</script>之间。<!--和-->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

Window.open('page.html')用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。

这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。


[Ctrl A 全选 注:引入外部Js需再刷新一下页面才能执行]

参数解释:

<SCRIP TLANGUAGE="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脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码

window.open参数详解附实例的更多相关文章

  1. javascript使用window.open提示“已经计划系统关机”的原因

    这篇文章主要介绍了javascript使用window.open提示“已经计划系统关机”的原因,本文得出结论是安装了系统更新或其它原因,要把系统重启时才会提示这个问题,所以,遇到这个问题,重启你的电脑吧

  2. Ajax请求响应中用window.open打开新窗口被拦截的解决方法

    ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是会被浏览器给拦截,怎么解决呢,下面小编给大家解答下

  3. vue如何使用window.open打开页面并拼接参数

    这篇文章主要介绍了vue如何使用window.open打开页面并拼接参数,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  4. window.open参数详解附实例

    一般我们在开发过程中通过window.open打开新窗口,但现在浏览器与杀毒都防止了这个函数弹出页面,一般我们将页面设置信任才可以使用,不过我们在后台开发过程中仍然通过这个方法打开页面,这里简单介绍下使用方法与常用参数

  5. javascript 打开页面window.location和window.open的区别

    有时候需要用js来实现页面的打开,因为js下有window.location和window.open的不同实现方法,下面来简单的说明下区别。

  6. 解决window.open()被浏览器拦截的问题

    这篇文章介绍了window.open()被浏览器拦截的解决方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  7. 解析window.open的使用方法总结

    本篇文章是对window.open的使用方法进行了详细的总结与介绍,需要的朋友参考下

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

    下面小编就为大家带来一篇js中window.open的参数及注意注意事项。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部