如何更改iframe加载页面中的颜色

时间:2013-10-04 09:02:39

标签: jquery

<html>
<body>
<style type="text/css">

</style>

<iframe src="http://connectotravel.com/" height="100%" width="100%" id="frame">  </iframe>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$.frameReady( function() {


);
</script>
</body>
</html>

我想要做的是使用jquery更改此iframe中的背景颜色。任何帮助都可以。

1 个答案:

答案 0 :(得分:1)

您可以使用Jquery库的内容API

来完成

只需在脚本标记中添加(您可以使用所需的颜色编号更改颜色代码)

$( document ).ready(function() {
    $("#frame").contents().find("body").css("background-color", "#BADA55");
});

如果这不起作用,你也可以尝试找到html元素本身

$( document ).ready(function() { 
     $("#frame").contents().find("html").css("background-color", "#BADA55");
}

参考文献: - Iframe content access via jquery