怎么用js在子页面中获取到父页面的元素的id

怎么用js在子页面中获取到父页面的元素的id,第1张

你的子页面是一个iframe吗?如果是这样,你可以往iframe的url传入一个参数如btnid:

>

我还是写个简单的例子吧:

父页面的js:

$("btn")click(function(){

    $("#child-frame")src=">});

子页面的js:

var id = locationsearchsubstr(1);

跨域页面是获取不到信息的 但是有一个取巧的办法

就是用documentreferrer 获取上一个页面的url 但是这个办法有个弊端就是如果你iframe里面有a标签之类被点进去就获取不到了 不过影响不大

 JS子窗口调用父窗口的方法

 框架(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方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9426244.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存