JS修改iframe頁面背景顏色的方法
更新時間：2015年04月01日 15:32:11 作者：瘋狂一夏
這篇文章主要介紹了JS修改iframe頁面背景顏色的方法,涉及javascript操作iframe頁面樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS修改iframe頁面背景顏色的方法。分享給大家供大家參考。具體如下：
下面的代碼演示了如何在網(wǎng)頁里通過JS代碼修改嵌入的iframe的網(wǎng)頁背景顏色
<!DOCTYPE html>
<html>
<head>
<script>
function changeStyle()
{
var x=document.getElementById("myframe");
var y=(x.contentWindow || x.contentDocument);
if (y.document)y=y.document;
y.body.style.backgroundColor="#0000ff";
}
</script>
</head>
<body>
<iframe id="myframe" src="demo_iframe.htm">
<p>Your browser does not support iframes.</p>
</iframe>
<br><br>
<input type="button" onclick="changeStyle()"
value="Change background color">
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了JS實現(xiàn)導航下拉菜單效果，用原生JS實現(xiàn)的一個導航下拉菜單，下拉菜單的寬度與瀏覽器視口的寬度一樣，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
雖然網(wǎng)上實現(xiàn)Ctrl + C的JS代碼已經(jīng)有很多了，但我還是向大家推薦一個比較好的插件zeroclipboard，兼容所有瀏覽器2010-08-08
JS的遞增/遞減運算符和帶操作的賦值運算符的等價式...2007-12-12
JS的繼承方式在我們面試的時候經(jīng)常會被問到，所以深入理解js繼承方式以及它們的優(yōu)缺點是非常有必要的。本文為大家整理了JavaScript中常見的七種繼承及實現(xiàn)，需要的可以參考一下2023-03-03
這篇文章主要介紹了微信小程序點擊頂部導航欄切換樣式代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-11-11
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)吸頂盒效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
本文主要介紹了Next.js腳手架完整搭建封裝的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
javascript使用遞歸算法求兩個數(shù)字組合功能示例
這篇文章主要介紹了javascript使用遞歸算法求兩個數(shù)字組合功能,結(jié)合實例形式分析了JS基于遞歸算法的數(shù)組遍歷、判斷、轉(zhuǎn)換等相關操作技巧,需要的朋友可以參考下2017-01-01
這篇文章主要為大家詳細介紹了three.js實現(xiàn)炫酷的全景3D重力感應，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
本文主要介紹了原生js實現(xiàn)圖片放大縮小計時器效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01