如何更改iframe加載頁面內的顏色

<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中的背景顏色。任何幫助都可以。如何更改iframe加載頁面內的顏色

來源

2013-10-04 Chubzx

除非你自己的網站也是http://connectotravel.com/你不能，因爲這個：http://en.wikipedia.org/wiki/Same-origin_policy – lharby

你可以用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

來源

2013-10-04 09:07:30

我試過這個，但那裏沒有結果，顯然你不能編輯iframe內的頁面，如果該頁面不在你的域名中：（謝謝你的幫助tho :) – Chubzx

@ user2845649啊哈它並不總是如此，如果你在iframe中加載內容那麼內容屬於客戶端，他可以做任何他想手動操作的東西（使用螢火蟲或使用JavaScript注入，就像您嘗試的方式），我們無法斷定它不可能 –

IT也取決於頁面，如果頁面一些div佔據了身體，並有背部，那麼你不會在前面看到背部的變化 –

如何更改iframe加載頁面內的顏色

回答

相關問題