关于iframe连接跳转及父与子，子与子之间的调用问题

最新推荐文章于 2022-12-05 01:49:20 发布

转载最新推荐文章于 2022-12-05 01:49:20 发布 · 5.9k 阅读

5 篇文章

订阅专栏

1、网页中如何实现点击iframe中的一个链接，使整个页面（不是只有iframe）跳转到新的页面?

答：在链接里设置target="_parent
如：<a href="2.htm" target="_parent">123</a>

2、一个iframe引用baidu的页面,整个页面都会被直接转向到baidu的页面，是如何实现的？

在被iframe的页面上写入
<script>
document.body.onload = function(){
if(top != self)top.location = self.location;
}
</script>

3、怎么在父窗体form提交后在iframe显示页面？
<input type="radio" name="radiobutton" value="manuscript" onclick="javascript:this.form.action='a.php';this.form.target='iframe的name或ID';this.form.submit()">

4、A网页链接到B网页内iframe框架中的1_1.htm文件,怎么做？
<a href='1_1.htm' target="框架名">adsf</a>

父子页面之间的调用关系

父：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>显示图表</title>
<script src="http://www.ablanxue.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    var gg="dsafdsafdsafdsafsdaf";
    function ggMM() {
        alert("2222222222222222222222222222222");
    }
    function callIframeMethod() {
        //document.getElementById("ii").contentWindow.test();
        $("#ii")[0].contentWindow.test(); //用jquery调用需要加一个[0]
    }
    function callIframeField() {
        alert($("#ii")[0].contentWindow.ff);
    }
    function callIframeHtml() {
        alert($("#ii")[0].contentWindow.$("#dd").val());
        //alert($("#ii")[0].contentWindow.document.getElementById("dd").value);
        //alert($("#ii")[0].contentWindow.document.getElementById("dd").value);
    }
    function giveParameter() {
        $("#ii")[0].contentWindow.hellobaby="dsafdsafsdafsdafsdafsdafsadfsadfsdafsadfdsaffdsaaaaaaaaaaaaa";
    }
</script>
</head>
<body>
    <a href="#" onClick="giveParameter();">参数传递</a>
    <a href="#" onClick="callIframeMethod();">调用子iframe方法</a>
    <a href="#" onClick="callIframeField();">调用子iframe变量</a>
    <a href="#" onClick="callIframeHtml();">调用子iframe组件</a></br>
    <iframe id="ii" src="iframe.html" width="100%" frameborder="0"></iframe>
    <iframe id="new" src="newIframe.html" width="100%" frameborder="0"></iframe>
</body>
</html>
子