HTML里iframe 链接传值问题。
A.html里有隐藏的DIV层和iframe其中iframe嵌套B.html在B.html里有<ahref="#Modal">链接</a>。想要的效果，在A.HTML里看...
A.html里
有隐藏的DIV层和iframe
其中iframe 嵌套B.html
在B.html里 有 <a href="#Modal">链接</a>。
想要的效果，在A.HTML里看到B.HTML链接后，一点就在A.html弹出层。
一般单页面弹出层有效，把隐藏DIV搬到A里，就无效了。
想到传值JS，不知道怎么写 - -。。。
补充：
父窗 A.HTML -----》 iframe ------》子窗 B.HTML
-------------------------------------------------
在父窗看到子窗链接后，一点，在父窗弹出DIV。（DIV设在父窗页面里） 展开
有隐藏的DIV层和iframe
其中iframe 嵌套B.html
在B.html里 有 <a href="#Modal">链接</a>。
想要的效果，在A.HTML里看到B.HTML链接后，一点就在A.html弹出层。
一般单页面弹出层有效，把隐藏DIV搬到A里，就无效了。
想到传值JS，不知道怎么写 - -。。。
补充：
父窗 A.HTML -----》 iframe ------》子窗 B.HTML
-------------------------------------------------
在父窗看到子窗链接后，一点，在父窗弹出DIV。（DIV设在父窗页面里） 展开
1个回答
展开全部
给你一个简单的例子吧，我自己写的：在test.html页面里加载test1.html
test.html代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试</title>
<script type="text/javascript" src=js/jquery.js></script>
</head>
<body>
父页面
<iframe src="test1.html" style="width:710px; height:700px;" frameborder="0"></iframe>
<!--加载test1.html -->
<div id="div1"></div> <!--将要加载的内容 -->
</body>
</html>
test1.html代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test</title>
<script type="text/javascript" src=js/jquery.js></script>
<script type="text/javascript" >
function add(){
$('#div1', window.parent.document).html('Hello');
}
</script>
</head>
<body>
子页面
<button onclick="add()"></button>
</body>
</html>
其中，在test1.html的JS中有这样一段代码：$('#div1', window.parent.document)，意思是在父页面（也就是test.html）中查找id是div1的元素，这样可以吧“Hello”加载到id是div1的元素中，也就是在一个空的div中添加了内容
希望对你有帮助
test.html代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试</title>
<script type="text/javascript" src=js/jquery.js></script>
</head>
<body>
父页面
<iframe src="test1.html" style="width:710px; height:700px;" frameborder="0"></iframe>
<!--加载test1.html -->
<div id="div1"></div> <!--将要加载的内容 -->
</body>
</html>
test1.html代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test</title>
<script type="text/javascript" src=js/jquery.js></script>
<script type="text/javascript" >
function add(){
$('#div1', window.parent.document).html('Hello');
}
</script>
</head>
<body>
子页面
<button onclick="add()"></button>
</body>
</html>
其中，在test1.html的JS中有这样一段代码：$('#div1', window.parent.document)，意思是在父页面（也就是test.html）中查找id是div1的元素，这样可以吧“Hello”加载到id是div1的元素中，也就是在一个空的div中添加了内容
希望对你有帮助
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
