当前位置: 首页 > 编程笔记 >

JS修改iframe页面背景颜色的方法

郭修平
2023-03-14
本文向大家介绍JS修改iframe页面背景颜色的方法,包括了JS修改iframe页面背景颜色的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JS修改iframe页面背景颜色的方法。分享给大家供大家参考。具体如下:

下面的代码演示了如何在网页里通过JS代码修改嵌入的iframe的网页背景颜色

<!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实现在页面随时自定义背景颜色的方法,包括了JS实现在页面随时自定义背景颜色的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现在页面随时自定义背景颜色的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍UITableViewCell在编辑状态下背景颜色的修改方法,包括了UITableViewCell在编辑状态下背景颜色的修改方法的使用技巧和注意事项,需要的朋友参考一下 本文主要介绍的是关于UITableViewCell在编辑状态下背景颜色的修改方法,分享出来供大家参考学习,下面来一起看看详细的介绍: 一、先看下效果图 二、网上很多下面这种答案 这样设置,蓝色的选中图标也不会出现.

  • 本文向大家介绍element-ui tooltip修改背景颜色和箭头颜色的实现,包括了element-ui tooltip修改背景颜色和箭头颜色的实现的使用技巧和注意事项,需要的朋友参考一下 本文介绍了element-ui tooltip修改背景颜色和箭头颜色的实现,分享给大家,具体如下: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 在超文本标记语言中,我什么时候使用颜色,背景颜色和背景标签有什么区别? 有什么区别?

  • 本文向大家介绍JS实现鼠标滑过链接改变网页背景颜色的方法,包括了JS实现鼠标滑过链接改变网页背景颜色的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现鼠标滑过链接改变网页背景颜色的方法。分享给大家供大家参考,具体如下: 这个小特效很不错,用链接改变网页背景色,鼠标放上链接文字上,网页背景就会跟着变换,想让你的主页更个性一点的朋友,这个代码一定能用上,其实你可在此基础上修改一下代

  • background(int $color, int $pattern = self::PATTERN_SOLID): self int $color $format = new \Vtiful\Kernel\Format($fileHandle); ​ $backgroundStyle = $format->background( \Vtiful\Kernel\Format::COLO