iframe使用方法
来源:互联网 发布:暗黑3 网络延迟 编辑:程序博客网 时间:2024/06/06 00:32
<iframe name="myiframe" src="/i/eg_landscape.jpg"></iframe>
父页面给iframe中的子页面传值,把值写入子页面的文本框里
father.html:
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function fuzhi()
{
$('#son').contents().find("#b").val("父页面传过来的值!");
}
</script>
<iframe id="son" name="son" src="son.html" width="400" height="200"></iframe><br />
<input type="button" value="给子页面表单中id为b的文本框赋值" onclick="fuzhi()" />
son.html:
<form name="form2"><input type="text" name="b" id="b" /></form>
-------------------------------------------------------------------------------------------------------------
iframe中的子页给父页面传值
father.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<div id="messagediv">test</div>
<iframe id="son" name="son" src="son.html" width="400" height="200">
</iframe>
son.html
<script type="text/javascript">
function fuzhi()
{
$(window.parent.$("#messagediv").html("子页面赋过来的值"));
}
</script>
<form name="form2"><input name="btn1" type="button" onclick="fuzhi()" value="给父页中id为messagediv的元素赋值" /></form>
-----------------------------------------------------------------------------------------------------------------------------------------
子页面如何调用父页面中的函数
father.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function fun()
{
alert('这是父页面中的函数弹出窗口哦!');
}
</script>
<iframe id="son" name="son" src="son.html" width="400" height="200"></iframe>
son.html
<script type="text/javascript">
function diaoyong()
{
$(window.parent.fun()); //调用父页面函数
}
</script>
<form name="form2"> <input name="btn1" type="button" onclick="diaoyong()" value="调用父页面中的函数" /></form>
----------------------------------------------------------------------------------------------------------------------------
父窗口调用iframe子窗口方法
1、HTML语法:<iframe name="myFrame" src="child.html"></iframe>
2、父窗口调用子窗口:myFrame.window.functionName();
3、子窗品调用父窗口:parent.functionName();
简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行
4、父窗口页面源码:
复制代码 代码如下:
<html>
<head>
<script type="text/javascript">
function say() {
alert("parent.html------>I'm at parent.html");
}
function callChild()
{
//document.frames("myFrame").f1();
myFrame.window.say();
}
</script>
</head>
<body>
<input type=button value="调用child.html中的函数say()" onclick="callChild()">
<iframe name="myFrame" src="child.html"></iframe>
</body>
</html>
5、子窗口页面:
复制代码 代码如下:
<html>
<head>
<script type="text/javascript">
function say()
{
alert("child.html--->I'm at child.html");
}
function callParent() {
parent.say();
}
</script>
</head>
<body>
<input type=button value="调用parent.html中的say()函数" onclick="callParent()">
</body>
</html>
- iframe使用方法
- iframe使用方法
- iframe的使用方法
- iframe标签的使用方法
- iframe的使用方法
- iframe的使用方法,嵌入网页。
- iframe使用方法之:用js操纵iframe里面的元素
- iframe标记常见的几种使用方法
- iframe中js调用父页面的使用方法
- ExtjS的window内嵌入iframe的使用方法
- iframe
- Iframe
- iframe
- iframe
- iframe
- IfRame
- iframe
- iframe
- beaglebonedemo嵌入式简单设备驱动实验心得
- JAVA中getclass用法
- C++中的字节对齐分析
- Android 开源项目分类汇总
- 最近5年133个Java面试问题列表
- iframe使用方法
- 数字黑洞
- net.sf.json.JSONObject.fromObject()方法的一个小秘密
- crawler4j爬虫技术获取a标签的title及链接
- uva 12222——Mountain Road
- Java基础知识总结
- session与cookie机制
- python爬豆瓣电影Top250
- Jquery的选择器