Javascript 子窗口调用父窗口js方法

JavaScript014

Javascript 子窗口调用父窗口js方法,第1张

　JS子窗口调用父窗口的方法：

　框架（iframe）形式，这时用到是window.parent， window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。可以用这一点特性来判断这个窗口是否是顶层窗口。详情如下：

1、1.html代表的是父窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>父页面</title>

</head>

<body>

<form name="form1" id="form1"> 

   <input type="text" name="username" id="username" /> 

</form> 

<iframe src="2.html" width="100%">

</body>

</html

2、2.html代表的子窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>子页面</title>

<script type="text/javascript">

 function changeValue(val){

  var _parentWin = window.parent   

  _parentWin.form1.username.value = val 

 }

</script>

</head>

<body>

<input type="file" name="filename" onchange="changeValue(this.value)" />

</body>

</html>

这时在子窗口（iframe窗口）所做的改变，会改变父窗口中username的值。

使用jquery获取某DIV的子元素，通常有以下两种方法：

子元素选择器（>），例如 $("div>img") 获取div下的img子元素；

遍历函数children()，例如 $("div").children("img") 同样是获取div下的img子元素。

如果想要获取DIV下的不仅是子元素，而且还包括其他后代元素（孙辈、曾孙辈元素...），那么，相应的两种方法是：

后代元素选择器（空格），例如 $("div img")  获取div下的所有级别的img后代元素；

遍历函数find()，例如 $("div").find("img")  获取div下的所有级别的ing后代子元素。

父窗口添加

<input type="hidden" id="s"/>

子窗口

window.parent.docuent.getElementById("s").value=s

父窗口获得传的值

var str = document.getElementById("s").value

alert(str)