在父页面调用子页面的JS方法_javascript技巧

今天弄了一天了,终于在网上找到了解决办法

注意:问题是在父页面调用子页面的方法。。。。。

父页面:parent.html

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>parent</title>
<script>
 function parentFunction() {
  alert('function in parent');
 }

 function callChild() {
  child.window.childFunction();
  /*
   child 为iframe的name属性值,
   不能为id,因为在FireFox下id不能获取iframe对象
  */
 }
</script>
</head>
<body>
<input type="button" name="call child"  value="call child" onclick="callChild()"/>
<br/><br/>
<iframe name="child" src="./child.html" ></iframe>
</body>
</html>

子页面:child.html

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>child</title>
<script>
 function childFunction() {
  alert('function in child');
 }

 function callParent() {
  parent.parentFunction();
 }
</script>
</head>
<body>
<input type="button" name="call parent" value="call parent" onclick="callParent()"/>
</body>
</html>

大家可以根据自己的需求修改相应的代码即可。。。。。。。

时间: 2024-10-24 18:39:20

在父页面调用子页面的JS方法_javascript技巧的相关文章

jsp父页面获取子页面的值

问题描述 jsp父页面获取子页面的值 解决方案 这样试试function test(tt){ document.getElementById("testValue").value = tt; } function test2(){ opener.test("传值到父窗体"); window.close(); }解决方案二:1.楼主,关于获取子页面的方式,我一般只用两种.下面列举一下 第一种:如果你是用open 打开的子页面,如下: function openWin(

IE8父页面获取子页面的iframe报错

问题描述 一个父页面嵌套两个iframe A 和iframe B ,iframe A的页面嵌套了iframe C:iframe B的页面嵌套了iframe D:从iframe D的页面中,修改iframe C的src,代码如下:parent.parent.document.all['stateAlarmCircumcircle'].contentWindow.document.all['alarmReport'].src = "../../runqian/jsp/showReport.jsp?r

wap浏览自动跳转到wap页面的js代码_javascript技巧

如何让用户输入wap手机网站的网址时自动跳转到wap网站 ?wap页面自动跳转的实现方式 ?如何判断访客是否是移动设备访问,自动跳转到wap页面 ?手机自动跳转到手机页面,一个网址区分普通访问与手机访问 ?手机访问网站域名时如果实现自动跳转到wap页面 ? 本文就可以解决这些问题! 复制代码 代码如下: function is_mobile() {     var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|

根据IP的地址,区分不同的地区,查看不同的网站页面的js代码_javascript技巧

最近一直在忙着建站,可是做好之后,又感觉不是那么的尽如人意,还要有些许的调动,根据地区不同,而查看不同的网站页面,由于我生成的页面都是静态,着实有些为难的,以前也有发表过一些这方面的文章,但感觉还是挺麻烦的,况且也达不到令自己满意的效果,所以,在朋友的帮助下,找到一个比较方便的方法,就是把以下代码,加入我们自己需要跳转的页面里,这样做还是不错的呢! 复制代码 代码如下: <script src="http://counter.sina.com.cn/ip" type="

5秒后跳转到另一个页面的js代码_javascript技巧

复制代码 代码如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>5秒后跳转到另一个页面</title> <script type="text/javascript"> var t = 5; function countDown(){ var

Js callBack 返回前一页的js方法_javascript技巧

从页面a.html到页面b.html a.html 复制代码 代码如下: <html> <head> <title>a</title> <script language = "javascript"> function callBack(){ alert("Come back !"); } </script> </head> <body> <a href="

跨域取子页面的dom-父页面操作子页面的dom,通过子页面的URL怎么做

问题描述 父页面操作子页面的dom,通过子页面的URL怎么做 appcan.ready(function() { titHeight = $('#header').offset().height; content = $('#reply').offset().height; var url = "http://192.168.1.195/jc6/wfAndroidHtml/knowledge2.html?UserCode=xiaoyujie%24356a192b7913b04c54574d18c

java-页面有个&amp;amp;lt;a&amp;amp;gt;标签,我想通过a标签的href链接到新页面,然后调用新页面的fun()方法

问题描述 页面有个<a>标签,我想通过a标签的href链接到新页面,然后调用新页面的fun()方法 标签的内容是后台配置的,后台配置一个新的url 和新页面要调用的fun()方法,所以不能在新页面做什么处理,有什么方法可以先执行href后执行onClick()方法吗. 解决方案 js应该没法控制吧..你可以吧onclick方法 放在body的onload中...但这也是在新页面中写的.

js获得页面的高度和宽度的方法_javascript技巧

今天在做一个弹出dialog时,遇用到了取父页面的宽度和高度的方法. 尝试了几种方式,比如document.body.clientWidth,window.screen.width,document.body.scrollWidth等方法之后,发现都不是我想要的结果,后来发现了一个高效的方法,立刻大家分享之: 在需要取高度和宽度的地方加断点调试[debugger],然后在监控页面里面输入document.body,查看所有body的属性看看哪个结果是自己需要的,如果没有适合还可以输入window