`

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()实现全屏窗口。

分享到:
评论

相关推荐

    js中window.open打开一个新的页面.docx

    window.open() 函数在 JavaScript 中的应用详解 window.open() 函数是 JavaScript 中一个非常重要的函数,用于打开一个新的浏览器窗口或标签页。在实际开发中,我们经常需要使用 window.open() 函数来打开新的页面...

    window.open父子窗口传值问题

    在Web开发中,`window.open` 是一个JavaScript函数,它用于打开新的浏览器窗口或标签页。这个函数在处理用户交互,比如点击按钮打开新页面,或者在不同窗口间传递数据时非常常见。当我们谈论“window.open父子窗口...

    字符串 window.open() window.opener window.name window对象等的总结

    在JavaScript的世界里,`window`对象是全局对象,它提供了与浏览器窗口进行交互的各种方法和属性。本篇文章将深入探讨`window.open()`、`window.opener`、`window.name`以及`window`对象的一些核心概念,同时通过两...

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

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

    js window.open iframe dialog

    `window.open`是JavaScript中的一个内置函数,用于打开一个新的浏览器窗口或者标签页。它的基本语法是: ```javascript window.open(url, name, features); ``` - `url`: 指定新窗口或标签页加载的网页地址。 - `...

    JavaScript中Window.open参数

    ### JavaScript中Window.open参数详解 #### 1. 最基本的弹出窗口代码 在Web开发中,`window.open` 方法是非常实用的一个功能,它可以用来创建一个新的浏览器窗口或标签页,并加载指定的URL。最简单的使用方式如下...

    ShowModalDialog与window.open的区别

    - 对于需要跨浏览器兼容的应用,推荐使用 `window.open`,并根据需求通过其他技术(如 CSS、JavaScript 库等)模拟模态对话框的行为。 总的来说,虽然 `ShowModalDialog` 在某些场景下提供了更强大的功能,但由于其...

    window.open()参数

    window.open() 是一个常用的 JavaScript 函数,它可以打开一个新的浏览器窗口,以供用户访问其他网页或显示信息。在本文中,我们将详细介绍 window.open() 函数的参数大全,并提供一些实用的代码示例。 基本语法 ...

    window.open全攻略

    在JavaScript中,`window.open()` 是一个非常重要的方法,它用于打开一个新的浏览器窗口或者重载已有的窗口。以下是对这个方法的详细介绍: ### 1. 基本用法 最简单的`window.open()` 使用方式如下: ```...

    window.open 控制

    在JavaScript中,`window.open()` 是一个非常有用的函数,它用于在浏览器中打开新的窗口或者标签页。在本文中,我们将深入探讨如何使用`window.open()`来创建并控制弹出窗口,尤其是如何实现窗口的最大化和获取焦点...

    window.open参数详解.txt

    在Web开发中,`window.open()`是一个非常实用的JavaScript函数,用于在新的浏览器窗口或标签页中打开一个指定的URL。它不仅能够打开新窗口,还可以控制新窗口的属性,如大小、位置以及是否显示工具栏、菜单栏等。...

    window.showModalDialog以及window.open用法简介

    `window.showModalDialog`和`window.open`是JavaScript中用于实现这一目标的两个关键函数。它们都可以创建新窗口,但有着不同的特性和使用场景。 首先,`window.open()`是一个广泛使用的函数,它可以在浏览器中打开...

    Window.open在chrome中被block issue分析及解决

    标题中的“Window.open在chrome中被block issue分析及解决”主要涉及的是JavaScript中window.open方法在Google Chrome浏览器中可能遇到的问题及其解决方案。window.open方法是JavaScript中用于打开新窗口或标签的...

    js中用open方式打开新窗口向父窗口传值

    在子窗口中,我们使用JavaScript函数来传递值给父窗口。在我们的示例中,我们使用`window.opener.document.getElementById("parentValue").value`语句来访问父窗口中的一个文本框,并将其值设置为我们传递的值。最后...

    window.open的参数详细应用

    ### window.open 的参数详细应用 在网页开发过程中,`window.open` 方法被广泛应用于打开新的浏览器窗口或标签页。此方法对于实现弹出窗口、预览功能等具有重要作用。下面将详细探讨 `window.open` 方法的各项参数...

    js中window.open()的所有参数详细解析.docx

    JS 中 window.open() 的所有参数详细解析 window.open() 是 JavaScript 中的一个函数,用于打开新的浏览器窗口或标签页。在实际开发中,我们经常需要对新打开的窗口进行自定义设置,如设置窗口的尺寸、位置、工具栏...

    JavaScript中window.open用法实例详解

    JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API,它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...

    javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法

    在探讨如何解决使用JavaScript的window.open方法打开新窗口后无法再次打开该窗口的问题之前,我们先要了解window.open方法的基本用途和作用。window.open是JavaScript中非常重要的一个方法,它可以用来打开一个新的...

    js中window.open打开一个新的页面

    在提供的代码示例中,我们有两个函数 `open1` 和 `open2`,它们都使用 `window.open` 来打开不同的页面,但都指定了相同的窗口名称 `"aaa"`: ```javascript function open1() { window.open("html01.html", "aaa...

Global site tag (gtag.js) - Google Analytics