gpt4 book ai didi

javascript:是否可以定位另一个文件的 div ?

转载 作者:行者123 更新时间:2023-11-28 19:42:24 26 4
gpt4 key购买 nike

让我解释一下这样做的目的。我正在使用一些 CMS,并尝试使用我自己的 php 脚本对其进行自定义,这些脚本是通过 IFRAME 嵌入到主页中的。我的 php 脚本返回了一些我想在 IFRAME 之外打开的链接 - 作为主页上其他 CMS block 的一部分。这个想法是(从我的 php 脚本)定位已经显示一些数据的 CMS block 的 div。这可能吗?

最佳答案

如果您需要访问<div>parent window 的任何其他元素来自它的 child iframe

使用:

var elem=window.parent.document.getElementById('target');

里面<script>标签 iframe的文档。

例如。

文件:index.html(任意名称)。

<html>
<body>
<div id="div_to_use_from_parent">Blah!</div>
<iframe src="xyz.php" width="xx" height="xx"></iframe>
</body>
</html>

文件:xyz.php(与iframe的src相同)

<?php 
echo<<<html
<html>
<head>
<script type="text/javascript">
function do_blah(){
var elem=window.parent.document.getElementById('div_to_use_from_parent');
elem.innerHTML="iframe changed My Content!";
}
</script>
</head>
<body onLoad="do_blah();">
This is iframe
</body>
</html>
html;
?>

或者

如果需要访问 iframe 中的元素来自parent window

使用:

var iframe = document.getElementById('idOfIframe');
var frame = iframe.contentDocument || iframe.contentWindow.document;
var yourDiv= frame.getElementById('div_you_want');

里面<script>标签 parent window的文档。

例如。

文件:index.html(任意名称)。

<html>
<head>
<script type="text/javascript">
window.onload=function(){
var iframe = document.getElementById('idOfIframe');
var frame = iframe.contentDocument || iframe.contentWindow.document;
var elem= frame.getElementById('div_from_iframe');
elem.innerHTML+="<br /> And Parent window added this!";
};
</script>
</head>
<body>
<div id="div_to_use_from_parent">Blah!</div>
<iframe src="xyz.php" width="xx" height="xx"></iframe>
</body>
</html>

文件:xyz.php(与iframe的src相同)

<?php 
echo<<<html
<html>
<body>
<div id="div_from_iframe"> This div from iframe</div>
</body>
</html>
html;
?>

parent window是原来的html (index.html) 文档以及您的 iframe (xyz.php) 驻留。

希望有帮助:-)!

关于javascript:是否可以定位另一个文件的 div ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24842957/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com