window.open()方法使用

最新推荐文章于 2023-12-19 19:30:00 发布

iteye_16543

最新推荐文章于 2023-12-19 19:30:00 发布

阅读量203

点赞数

分类专栏： JavaScript 文章标签：框架 HTML 浏览器 JavaScript 脚本 ViewUI

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

[list]
[*]window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
[/list]
[list]
[*]基本语法：
[/list]
window.open(pageURL,name,parameters)
其中：
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)

[list]
[*]示例：
[/list]

<SCRIPT> 
<!-- 
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no') 
//写成一行 
--> 
</SCRIPT>

<html> 
	<head> 
		<script LANGUAGE="JavaScript"> 
	　　function openwin() { 
	　　	window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行
	　　} 
　　</script> 
	</head> 
	<body onload="openwin()"> 
　　任意的页面内容... 
	</body> 
</html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。怎么调用呢？

方法一：

<body onload="openwin()">

浏览器读页面时弹出窗口；

方法二：

<body onunload="openwin()">

浏览器离开页面时弹出窗口；

方法三：
用一个连接调用：

<a href="#" onclick="openwin()">打开一个窗口</a>

注意：使用的“#”是虚连接。

方法四：
用一个按钮调用：

<input type="button" onclick="openwin()" value="打开窗口">

[quote]如何实现在不使用window.showModalDialog 的情况下用 window.open方式向父窗口返回值。

例如：页面AAA.htm 用 window.open方式弹出页面 BBB.htm 。
在页面BBB.htm上选择一个值，确定关闭窗口后将选择的这个值返回到父窗口AAA.htm。
AAA.htm得到返回的值后，给本页面上的文本框赋值。 [/quote]

BBB.htm页面中加入下面代码：


	window.opener.document.getElementById("theTextAreaId").value = document.getElemnetById("theSelectId").value ;

[list]
[*]window.opener 的用法
[/list]
window.opener 返回的是创建当前窗口的那个父窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：

window.opener.document.getElementById("name").value = "输入的数据";

对于javascript中的window.opener没有很好的理解。
为什么框架中不能使用，弹出窗口的父窗口不能在框架里面的某个页面呢？那怎样通过弹出窗口操作框架中的父窗口呢？

opener.parent.frames['frameName'].document.all.input1.value

即opener这个对象为前一个窗口，可以使用window.opener.document...调用document的相关方法，例如下面的例子，插入一些table行到前一个窗口：

function taletoTb(itemStr) {   
        newRow = opener.document.all.itemTb.insertRow(opener.document.all.itemTb.rows.length);   
        rowCnt = opener.document.all.itemTb.rows.length;   
        newCell = newRow.insertCell();   
        newCell.insertAdjacentHTML('BeforeEnd','<div align="center">'+itemCode+'</div>');   
        newCell = newRow.insertCell();   
        newCell.insertAdjacentHTML('BeforeEnd','<div align="center">'+itemName+'</div>');   
        newCell = newRow.insertCell();   
        newCell.insertAdjacentHTML('BeforeEnd','<div align="center"><img src="../../../images/delete2.gif" width="12" height="12" onClick="userRightDel(this);"><input type="hidden" name="itembox" value='+itemCode+'></div>');   
     }