wordpress window.open实现弹窗功能,参数详解以及示例
客户需要弹窗功能,比如公告文章需要弹窗显示,那么就要用到window.open这个函数了。
为安全考虑,目前大部分浏览器已经默认屏蔽了弹出窗口,因此使用该方法需谨慎。
定义和用法
open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
语法
window.open(URL,name,specs,replace)
示例
首先利用在jsp或者html页面插入js方法openWin:
<script type="text/javascript">
function openWin() {
window.open ('round/roundTime.jsp','newwindow','height=700,width=1000,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
}
</script>
<button onclick="openWin()">ClickMe</button>
附(window.open()参数属性):
参数 | 说明 |
---|---|
URL | 可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口 |
name | 可选。指定target属性或窗口的名称。支持以下值:
|
specs | channelmode=yes|no|1|0 是否要在影院模式显示 window。默认是没有的。仅限IE浏览器 directories=yes|no|1|0 是否添加目录按钮。默认是肯定的。仅限IE浏览器 fullscreen=yes|no|1|0 浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window,还必须在影院模式。仅限IE浏览器 height=pixels 窗口的高度。最小.值为100 left=pixels 该窗口的左侧位置 location=yes|no|1|0 是否显示地址字段.默认值是yes menubar=yes|no|1|0 是否显示菜单栏.默认值是yes resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|1|0 是否要添加一个状态栏.默认值是yes titlebar=yes|no|1|0 是否显示标题栏.被忽略,除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes toolbar=yes|no|1|0 是否显示浏览器工具栏.默认值是yes top=pixels 窗口顶部的位置.仅限IE浏览器 width=pixels 窗口的宽度.最小.值为100 |
replace | Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:
|
写笔记