`
唐朝
  • 浏览: 259739 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

JavaScript的window.open()

阅读更多
语法:
oNewDoc = document.open(sUrl [, sName] [, sFeatures] [, bReplace])

  说明:

sURL
可选。字符串--指定新的文档的URL地址。如果没有指定这一项,那么将会是一个空的(about:blank)。
sName
可选。字符串--新生成窗口的名字。可以用作form或者a中Target的值。
blank
sURL被加载到一个新的未命名的窗口。
_media
sURL被加载到一个媒体栏中。(仅适合IE6以及以后版本浏览器)
_parent
sURL被加载到目前框架的上层框架上。如果没有上层框架,则此项的值与_self的值相同。
_search
sURL被打开在浏览器的查找窗口。(仅适合IE5以及以后的浏览器)
_self
sURL在当前的窗口上打开,覆盖以前的内容。
_top
sURL可能会加载到任何框架支架(Frameset)上,如果没有定义Frameset,此项值与_self的值相同。
sFeatures
可选。字符串--列出对象表并用逗号分开。每一项都有自己的值,他们将被分开(如:"fullscreen=yes, toolbar=yes")。下面是被支持的各种特性。
channelmode = { yes | no | 1 | 0 } 是否在窗口中显示阶梯模式。默认为no
directories = { yes | no | 1 | 0 } 是否在窗口中显示各种按钮。默认为yes
fullscreen = { yes | no | 1 | 0 } 是否用全屏方式显示浏览器。默认为no。使用这一特性时需要非常小心。因为这一属性可能会隐藏浏览器的标题栏和菜单,你必须提供一个按钮或者其他提示来帮助使用者关闭这一浏览窗口。ALT+F4可以关闭窗口。一个全屏窗口必须使用阶梯(channelmode)模式。
height = number 指定窗口的高度,单位是像素。最小值是100。
left = number 指定窗口距左边框的距离,单位是像素。值必须大于或者等于0。
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 Application或者一个对话框的情况下,这一项将被忽略。默认为yes
toolbar = { yes | no | 1 | 0 } 指定是否在窗口中显示工具栏,包括如前进、后退、停止等按钮。默认为yes
top = number 指定窗口顶部的位置,单位是像素。值必须大于或者等于0。
width = number 指定窗口的宽度,单位是像素。最小值是100。
bReplace
可选。当sURL被加载到同一窗口时,这个布尔型变量指定是否这个sURL新建立一个条目,或者是加到目前该窗口的历史记录上。
true
sURL覆盖当前文档的历史纪录。
false
sURL在历史记录中建立一个新的条目。

  注释:

默认情况下,open方法建立一个拥有默认宽度、高度、菜单以及工具栏的窗口。你可以指定其中任何一项或者多项特征参数。这些参数是由一个或多个字符串所组成的。

当一旦有特征参数被指定,其他没有被指定的特征参数全部被禁止。因此,当用到特征参数,就需要定义所有在窗口中需要用到的其他特征参数。如果没有指定特征参数,那么所有的特征将会被保留原始的默认值。除了给特征参数指定新值之外,还可以简单的罗列特征名称来使得窗口的相应特征有效。

  示例:

window.open("Sample.htm",null,
"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");

  在例子中,建立了一个包含Sample.htm的新窗口。这个新窗口有200像素宽和400像素高,拥有状态栏,但是没有工具栏、菜单栏和地址栏。以上就是相应代码。

  下面给出一个较为完整的例子,供大家参考新窗口的生成方法。




<script< font=""> language="JavaScript">
  function OpenWindow()
  {
    thisWin = window.open("", null, "width=300,height=400")
    thisWin.document.write("<head>newWindow</head>")
    thisWin.document.write("<body>

This is a new window!</body>")
  }
</script>




type="button" value="Creat New Window" onClick="OpenWindow()">


 

 

例子中的this.document.write是向新生成的窗口中写入代码,如果不这样,新生成的窗口将会显示错误。

window.open打开的子窗口作父窗口的全局变量,以及调用父窗口的函数

window.opener.变量  //变量可以是基本数据,也可以是javascript定义的类,也可以是数组
window.opener.函数(xxx,xxx) 甚至可以提交父窗体的表单

分享到:
评论

相关推荐

    window.open.txt

    `window.open()`是JavaScript中一个非常实用的方法,它用于在一个新的浏览器窗口或标签页中打开一个新的文档。此方法通常被用作弹出窗口或新标签页的功能实现基础。其基本语法为: ```javascript window.open(URL, ...

    Window.Open详解

    - `window.open()` 方法支持 JavaScript 1.0+/JScript 1.0+/Nav 2+/IE 3+/Opera 3+ 等浏览器。 - 在现代浏览器中,此方法通常都能正常工作,但在一些较旧或非主流浏览器中可能会出现问题。 #### 六、总结 `...

    js弹窗并返回值(window.open方式)

    在JavaScript中,`window.open`方法是一个非常实用的功能,它允许开发者创建新的浏览器窗口或标签页,并在其中加载指定的网页内容。这个方法在交互式用户界面设计中尤其常见,例如用于显示警告、确认对话框或者...

    window.open打开新窗口,不被拦截的方法

    这通常通过JavaScript的`window.open()`方法来实现。但是,在实际应用中,由于浏览器的安全策略限制(如弹出窗口拦截功能),直接使用`window.open()`可能会导致新窗口被浏览器自动拦截,从而无法正常显示。本文将...

    window.open最大化问题

    Window.open 是 JavaScript 中的一个方法,用于打开新的浏览器窗口。然而,在实际应用中,我们经常需要将弹出的窗口最大化,以便更好地展示内容。在本文中,我们将探讨如何使用 Window.open 方法来实现窗口的最大化...

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

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

    window.showModalDialog模式对话框和 window.open的区别

    `window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法,但它们在功能和使用场景上有着显著的区别。 首先,我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...

    window.open打开新窗口参数设置

    在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助开发者更好地掌握此方法的用法。 #### 一、`...

    Javascript中封装window.open解决不兼容问题

    对window.open进行封装, 使其更好用, 且更兼容, 很多人说window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行;看代码: 代码如下 var openWindow = function(url, options) { var str = ""; ...

    window.open最大化操作

    那么,如何使用JavaScript的window.open方法来实现窗口的最大化呢? 首先,让我们来了解一下window.open方法的基本用法。window.open方法可以打开一个新的浏览器窗口,该方法接受三个参数:URL、窗口名称和窗口特性...

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

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

    window.open全攻略

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

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

    ### JavaScript打开页面window.location与window.open的区别 #### 一、概述 在JavaScript中,`window.location` 和 `window.open` 都是用来控制浏览器导航的重要API,但它们在使用场景、功能特性和行为上有显著的...

    javascript弹出窗口 window.open使用方法以及参数说明分析篇

    window.open使用方法以及参数说明一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口...

    window.open参数详解.txt

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

    window.open父子窗口传值问题

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

    window.open 控制

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

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

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

Global site tag (gtag.js) - Google Analytics