Javscript调用iframe框架页面中函数

访问iframe里面的函数

document.getElementById('commentIframe').contentWindow.hasLogined();

commentIframe为iframe的id.

要在 window.onload里面执行

例子

 代码如下 复制代码

1.html

<a href="#" onclick="window.frames['frame1'].MyNext()">aa</a>
<iframe id="frame1" src="2.html" ></iframe>

2.html 页面

<script language="javascript" type="text/javascript">
 function MyNext()
 {
   alert(1);
 }
</script>

在1.htm中点击test按钮,可以使2.htm(iframe页面)中mybutton按钮失效.就这么简单,呵呵.如果要调用2.htm中的JS函数这样写:
self.frames['a'].funtionname(param)

在1.htm中调用2.htm中的JS函数:iframe2.showInfo();

例子

说明:假设有2个页面,index.html和inner.html。其中index.html中有一个iframe,这个iframe的src指向inner.html。

我们现在要做的就是:

1.在index.html中调用inner.html上的一个js方法
2.在inner.html中调用index.html上的一个js方法

实现代码如下:

index.html

 代码如下 复制代码

<html>
<head>
<script type="text/javascript">
function ff(){
alert(">>this is index's js function  index.html");
}
</script>
</head>
<body>
<div style="background: lightblue;">
This is index page.
<input type="button" value="run index's function" onclick="ff();" />
<input type="button" value="run inner page's function" onclick='window.frames["childPage"].sonff();' />
</div>
<iframe id="childPage" name="childPage" src="inner.html" width="100%" frameborder="0"></iframe>
</body>
</html>

inner.html

 代码如下 复制代码

<html>
<head>
<script type="text/javascript">
function sonff(){
alert(">>this is inner page's js function");
}
</script>
</head>
<body>
<div style="background: lightgreen;">
This is inner page.
<input type="button" value="run index's function" onclick='parent.window.ff();' />
<input type="button" value="run inner page's function" onclick="sonff();" />
</div>
</body>
</html>

时间: 2024-11-30 00:20:01

Javscript调用iframe框架页面中函数的相关文章

Javscript调用iframe框架页面中函数的方法_javascript技巧

本文实例讲述了在Javscript调用iframe框架页面中函数的方法,这个调用方法其实非常的简单,有了这个方法我们就可以实现iframe之间传值或修改值了,操作起来都非常的简单.分享给大家供大家参考.具体实现方法如下: 访问iframe里面的函数: 复制代码 代码如下: document.getElementById('commentIframe').contentWindow.hasLogined(); commentIframe为iframe的id. 要在 window.onload里面执

Jquery调用iframe父页面中的元素及方法_javascript技巧

一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 二.在iframe中调用父页面中定义的方法和变量: parent.method parent.value 三.实例 父页面: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._De

javascript-怎样实现点击iframe导入页面中的按钮关闭这个iframe?

问题描述 怎样实现点击iframe导入页面中的按钮关闭这个iframe? 我现在有个页面A,里面有个iframe(假设id为main).这个iframe导入的页面B里面有个按钮(假设id为btn).我想要点击这个按钮,关闭整个iframe. 请问怎样才能实现?? 我也搜过一些答案.比如在B的js文件里为btn添加click事件函数: document.getElementById("btn").onclick=function(){ window.parent.document.get

用juery的ajax方法调用aspx.cs页面中的webmethod方法示例

juery的ajax调用aspx.cs页面中的webmethod方法:首先在 aspx.cs文件里建一个公开的静态方法,然后加上WebMethod属性,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助   首先在 aspx.cs文件里建一个公开的静态方法,然后加上WebMethod属性. 如: [WebMethod] public static string GetUserName() { //...... } 如果要在这个方法里操作session,那还得将WebMethod的Enab

iframe框架页面地址栏网址始终不变、inframe框架页面刷新返回首页

问题描述 如题,使用iframe框架页面Index.html,其中包含三个子iframe,id分别为a,b,c,其中a,b始终链接一个页面,而c是根据b中页面的链接一直变化.现在问题如下:1.c中的页面变化时,地址栏最详细地址只能到Index.html,能不能设置让地址显示到c的链接页面地址,如:Index.html/Mainpage.aspx;2.点击刷新或者F5后页面跳转到Index.html三个iframe默认的src页面,如何保证刷新后页面不返回默认首页?在网上也找了一些方法,感觉没有满

javascript 获取iframe里页面中元素值的方法

 本篇文章主要是对javascript获取iframe里页面中元素值的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 IE方法: document.frames['myFrame'].document.getElementById('test').value;   火狐方法: document.getElementById('myFrame').contentWindow.document.getElementById('test').value;   IE.火狐方法:   代码如

div-点击DIV外任意地方隐藏此DIV 或点击iframe子页面中隐藏 父页面DIV

问题描述 点击DIV外任意地方隐藏此DIV 或点击iframe子页面中隐藏 父页面DIV <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="http://www.p

如何获取iframe子页面中的所有a标签并替换其中的href参数

问题描述 如何获取iframe子页面中的所有a标签并替换其中的href参数 iframe中的src是其他系统的一个链接,iframe中包含了很多a标签,先需要将a标签中的src批量替换成其他标签,应该如何操作 解决方案 跨域没有?没有用下面的,跨域没搞 <script> function resetUrl(i) { var as = i.contentWindow.document.getElementsByTagName('a'); for (var i = 0, j = as.length

javascript 获取iframe里页面中元素值的方法_javascript技巧

IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: 复制代码 代码如下:     function getValue(){          var tmp = '';          if(docume