gpt4 book ai didi

javascript - 将javascript插入同一域的不同页面

转载 作者:太空宇宙 更新时间:2023-11-04 15:40:01 26 4
gpt4 key购买 nike

您好,我正在尝试将一些 javascript 从另一个页面插入到我服务器上的一个页面中。第一页将加载到 iframe 中。我想从托管 iFrame 的页面向该页面(在 iframe 中)插入一些 css 样式。有我可以用来执行此操作的 jQuery 脚本吗?

有点像。
页面 1-> 页面 2 iframe。样式的 page2 脚本-> iframe 中的 page1

    <body>
<!--<div id="left_col"></div>-->
<div id="middle_col">
<!--header-->
<div id="header">
<p>iFrame Example</p>
</div>
<div id="entry">
<p>Enter your URL</p>
<textarea id="mytextarea" rows="1" cols="50"></textarea>

<a title="Check Me Out!" id="btn-wrap">
<span class="title">Click to view site</span>

<div id="info">
<p>
<strong>Don't forget</strong>
<strong>the "http://"</strong>
</p>
</div>
</a>
</div>
<br/>
<br/>
<iframe id="myframe" src="http://johnverber.com/simple.html">
</iframe>
</div>
<!--<div id="right_col"></div>-->
<script>
$(document).ready(function() {
positionAd();
});

$(window).resize(function() {
positionAd();
});

var positionAd = function() {
var WINDOW_WIDTH = $(window).width();
var WINDOW_HEIGHT = $(window).height();
var BOX_WIDTH = $('#middle_col').width();
var BOX_HEIGHT = $('#middle_col').height();

$('#middle_col').css({"left": (WINDOW_WIDTH - BOX_WIDTH)/2, "top" : (WINDOW_HEIGHT - BOX_HEIGHT)/2});
}

$('#btn-wrap').click(function() {
var urlVal = $('#mytextarea').val();
if(urlVal.match("?_myTag")){
document.getElementById('myframe').src = urlVal;
}
else{
var addTag = urlVal.concat("?_myTag");
document.getElementById('myframe').src = addTag;
}
});

$('#myframe').contents().find("head").append("<link rel="stylesheet" type="text/css" href="addStyles.css" />");

</script>
</body>

最佳答案

您可以使用 jQuery 的 .contents() 以访问 iframe 的内部 DOM。从那里开始就很简单了:

$("#iframe_id").contents().find("head").append("<script>..scripts..</script>");
//or
$("#iframe_id").contents().find("head").append("<style>..styles..</style>");

希望对您有所帮助!

关于javascript - 将javascript插入同一域的不同页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12269759/

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