快捷導(dǎo)航

JS修改iframe頁(yè)面背景顏色的方法

更新時(shí)間：2015年04月01日 15:32:11 作者：瘋狂一夏

這篇文章主要介紹了JS修改iframe頁(yè)面背景顏色的方法,涉及javascript操作iframe頁(yè)面樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS修改iframe頁(yè)面背景顏色的方法。分享給大家供大家參考。具體如下：

下面的代碼演示了如何在網(wǎng)頁(yè)里通過(guò)JS代碼修改嵌入的iframe的網(wǎng)頁(yè)背景顏色

<!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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript中break、continue和return的用法區(qū)別實(shí)例分析
這篇文章主要介紹了JavaScript中break、continue和return的用法區(qū)別,結(jié)合實(shí)例形式詳細(xì)對(duì)比分析了JavaScript中break、continue和return的基本功能、使用方法、區(qū)別與操作注意事項(xiàng),需要的朋友可以參考下
2020-03-03
在一般處理程序（ashx）中彈出js提示語(yǔ)
這篇文章主要介紹了在一般處理程序（ashx）中彈出js提示語(yǔ)的相關(guān)資料,需要的朋友可以參考下
2017-08-08
JavaScript 語(yǔ)法集錦腳本之家基礎(chǔ)推薦
JavaScript語(yǔ)法集錦是對(duì)javascript常用函數(shù)的一些小結(jié)，比較實(shí)用，建議收藏，方便查找需要的資料。
2009-11-11
JavaScript前后端數(shù)據(jù)交互工具ajax使用教程
Ajax（Asynchronous?Javascript?And?XML），即是異步的JavaScript和XML，Ajax其實(shí)就是瀏覽器與服務(wù)器之間的一種異步通信方式
2022-10-10
element-plus默認(rèn)菜單打開(kāi)步驟
在 Vue 3 中使用 Element Plus 的 <el-menu> 組件時(shí),默認(rèn)情況下菜單項(xiàng)是關(guān)閉狀態(tài)的,如果你想讓某個(gè)菜單項(xiàng)默認(rèn)處于展開(kāi)狀態(tài),你可以通過(guò)設(shè)置菜單項(xiàng)的 default-active 屬性來(lái)實(shí)現(xiàn),這篇文章主要介紹了element-plus默認(rèn)菜單打開(kāi),需要的朋友可以參考下
2024-08-08
原生js編寫autoComplete插件
這篇文章主要為大家詳細(xì)介紹了原生js編寫的autoComplete插件，感興趣的小伙伴們可以參考一下
2016-04-04
JavaScript?Generator異步過(guò)度的實(shí)現(xiàn)詳解
生成器Generator是JavaScript?ES6引入的特性，它讓我們可以分段執(zhí)行一個(gè)函數(shù)。但是在談?wù)撋善鳎℅enerator）之前，我們要先了解迭代器Iterator
2022-08-08
mui 打開(kāi)新窗口的方式總結(jié)及注意事項(xiàng)
這篇文章主要介紹了mui 打開(kāi)新窗口的方式總結(jié)及注意事項(xiàng),需要的朋友可以參考下
2017-08-08
Javascript中apply、call、bind的巧妙使用
Javascript中apply、call、bind都是為了改變函數(shù)體內(nèi)部 this 的指向。下面通過(guò)本文重點(diǎn)給大家介紹js中apply，call，bind的巧妙使用方法，感興趣的朋友一起學(xué)習(xí)吧
2016-08-08
JS中const對(duì)于復(fù)雜類型變量和普通類型變量的區(qū)別詳解
我們?cè)陂_(kāi)發(fā)的過(guò)程中一定常常發(fā)現(xiàn)const關(guān)鍵字定義的簡(jiǎn)單類型變量不可以改變,但是你如果定義的是一個(gè)復(fù)雜類型變量（比如對(duì)象）的話對(duì)里面屬性的增刪改查是可以的,那這又是為什么呢,接下來(lái)就來(lái)和小編一起探討一下吧
2023-11-11