
你的子页面是一个iframe吗?如果是这样,你可以往iframe的url传入一个参数如btnid:
>
我还是写个简单的例子吧:
父页面的js:
$("btn")click(function(){$("#child-frame")src=">});
子页面的js:
var id = locationsearchsubstr(1);跨域页面是获取不到信息的 但是有一个取巧的办法
就是用documentreferrer 获取上一个页面的url 但是这个办法有个弊端就是如果你iframe里面有a标签之类被点进去就获取不到了 不过影响不大
框架(iframe)形式,这时用到是windowparent, windowparent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。可以用这一点特性来判断这个窗口是否是顶层窗口。详情如下:
1、1html代表的是父窗口
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "<html xmlns="
<head>
<meta
2、2html代表的子窗口
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "<html xmlns="
<head>
<meta ;
这时在子窗口(iframe窗口)所做的改变,会改变父窗口中username的值。
在newsasp里用脚本判断父对象是不是iframe,不是就拒绝显示--我没试,不知道行不行。
关于判断是否被iframe的JS脚本代码如下:
if(parent==null)alert(没有被iframe)
或者直接判断自身是否顶层文件来判断是否被iframe,如:
if
(self=top)
{
被直接用>
这个其实应该放在《多个iframe之间js的通信问题》文章里,但是由于已经写完了,所以就在这里暂且作为补充巴。上一篇文章中,我们说的通信,仅仅说了一个方面,就是访问双方的dom树节点。其实除了访问dom,还有访问js方法也是很重要的。
一、父页面访问iframe子页面的js方法
1)父页面
<iframe frameborder="0" name="myContentIframeName" id="myContentIframe"src="examples/completeDemohtml" style="width:99%;height:600px;"></iframe>
2)iframe页面
<script type="text/plain" id="editor" style="width:700px;" >
</script>
<script type="text/javascript">
function getContent(){
var arr = [];
arrpush("使用editorgetContent()方法可以获得编辑器的内容");
arrpush("内容为:");
arrpush(uegetContent());
alert(arrjoin("\n"));
return uegetContent();
}
</script>
3)父页面调用iframe子页面js方法
var editor = windowframes["myContentIframeName"]getContent();
$("#lastContent")val(editor);
以上就是关于怎么用js在子页面中获取到父页面的元素的id全部的内容,包括:怎么用js在子页面中获取到父页面的元素的id、js/jquery如何获取iframe父页面的地址、Javascript 子窗口调用父窗口js方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)