`

js函数window.open()的使用

阅读更多

在javascript中,有一个函数 window.open()经常会使用到.比如在进入主页时,跳出一个小窗口广告或通知.要实现这种效果只需将<body>改为< body onload=window.open("new.htm","蓝舟工作室",
"left=100,top=50,height=300,width=150,menubar=yes,toolbar=yes,
location =yes,status=yes,scrollbars=yes,resizable=yes")>即可.其中,"new.htm"是跳出小窗口的 地址,"蓝舟工作室"是跳出新窗口的标题,可省略,left是指左边距,top指上边距,height是高,width指宽,它们的单位默认都是像素, menubar,toolbar,location,status,scrollbars分别指菜单栏,工具栏,地址栏,状态栏,滚动条,用yes表示显 示,用no表示不显示,resizable指跳出的新网页是否可改变大小.

当然,我们还可以用另一种方法实现同样的效果,即在任意位置加入以下代码:
<script language="javascript">
<!--
window.open(\'new.htm\',\'\',\'left=100,top=50,height=300,width=150,
menubar=yes,toolbar=yes,location=yes,status=yes,scrollbars=yes,
resizable=yes\');
// -->
</script>

另 外,在离开页面时跳出一个窗口也是用函数window.open()实现的,可以向你告别或欢迎你以后再来等等!不过,这里不是onload了,而是 onunload,onload是页面装载时,onunload不就是离开页面时吗!具体实现如下:<body onunload="leave()">
<script language="javascript">
<!--
function leave() {
window.open(\'http://web.xznu.edu.cn/lanzhou\',\'\',
\'left=70,top=50,height=400,width=650,
status=yes,resizable=yes,scrollbars=yes\');//这里可以根据你的需要自己修改
}
//   -->
</script>

还有,向上一篇中使用的小窗口,也是函数window.open()的使用。其他,我们还可以用函数window.open()实现全屏窗口。

分享到:
评论

相关推荐

    window.open的例子和使用方法以及参数说明

    windows.open这个是JavaScript函数,但是在应用起来的时候总会遇到比较多的麻烦,因为参数非常多,用法也非常的多

    JavaScript中Window.open参数

    JavaScript中Window.open参数详解 1、最基本的弹出窗口代码 2、经过设置后的弹出窗口 3、用函数控制弹出窗口 4、同时弹出2个窗口 5、主窗口打开文件1.htm,同时弹出小窗口page.html ...

    window.open 函数的操作

    window.open 函数的操作 取出showModalDialog中传过来的数据对象 request.getParameterMap()相关的操作实例

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

    顺便在这里将window.open函数的参数使用也列出来: window.open函数参数列表 window = object.open([URL ][, name ][, features ][, replace]]]]) URL:新窗口的URL地址 name:新窗口的名称,可以为空 featurse:...

    window.open关于浏览器拦截问题分析及解决方法

    window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,不过一般用来的是打开新窗口,因为修改原来的网页地址,可以有另一个函数,那就是[removed],他可以重定向网页地址,使网页跳转到另...

    window.open不被拦截的简单实现代码(推荐)

    window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览器会拦截你,那么如何避免呢,感兴趣的朋友可以了解下本文或许对你学习...

    JS检测window.open打开的窗口是否关闭

    在开发中遇到需要在打开窗口...var newWin = window.open(url,name,"height=500,width=1000"); $("body",parent.document).mask("信息编辑中..."); 2、创建监测的函数,监测周期为1秒: var loop = setInterval(functi

    Selenium处理弹出窗口.docx

    这里介绍了chooseCancelOnNextConfirmation、chooseOkOnNextConfirmation等JavaScript脚本实现的弹出窗口处理函数,selenium会弹出网页窗口,因为它重写了window.open在文件selenium-browserbot.js函数BrowserBot....

    window.open()弹出居中的窗口

    Javascript代码 function openwindow(url,name,iWidth,iHeight) { var url; //转向网页的地址; var name; //网页名称,可为空; var iWidth; //弹出窗口的宽度; var iHeight; //弹出窗口的高度; var iTop =...

    常用javascript整理

    .txt 2.JavaScript的系统函数学习 .txt 3.js中用于对象的语句——with和for...in语句学习专题.txt 4.smallSoftkey小软键盘,大键盘 5.window.open参数详解 .txt 6.Window.ShowModalDialog使用详解 ...

    js中常用函数.doc

    window.close();关闭窗口 window.location="www.sohuo.com"; alert("sdfsadfsadf");消息窗口 window.back();... window.open("inde.jsp","","width=100 height=100 top=100 left=100");弹出窗口

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-&gt;html-&gt;(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    【JavaScript源代码】javascript实现简单滚动窗口.docx

     本文实例为大家分享了javascript实现滚动窗口的具体代码,供大家参考,具体内容如下 window.open();方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 moveTo():方法可把窗口的左上角移动到一个指定的...

    JS window对象的top、parent、opener含义介绍

    2.openeropener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行...

    JS弹出新窗口被拦截的解决方法

    一般情况下,如果直接在js中调用window.open()函数去打开一个新窗口,浏览器会对弹出的窗口进行拦截,因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体 1、解决方法 把window.open()函数改为由用户主动...

    flash 弹出窗口js 生成器

    getURL("javascript:void(window.open......... ") getURL 是flash的命令,加 javascript 可以调用网页里的js函数,也可以用windows 的内置函数。open 就是其中一个,具体的参数代表的意思,在 flash 里已经写的很...

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...

    107个常用Javascript语句.doc

    19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状態栏的设置:window.status= "字符 "; 21.弹出提示信息:window.alert( "字符 "); 22.弹出確认框:window.confirm(); 23.弹出...

    cordova-plugin-inappbrowser:Apache Cordova插件inappbrowser

    通过替换window.open,现有的window.open()调用可以使用InAppBrowser窗口: window.open = cordova.InAppBrowser.open;如果您以这种方式更改浏览器的window.open函数,则可能会产生意想不到的副作用(尤其是如果此...

Global site tag (gtag.js) - Google Analytics