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动态修改iframe高度和宽度的方法
本文实例讲述了JS动态修改iframe高度和宽度的方法.分享给大家供大家参考.具体如下: 如果希望通过按钮动态修改iframe的高度和宽度,可以参考下面的JS代码 <!DOCTYPE html> <html> <head> <script> function changeSize() { document.getElementById("myframe").height="300"; document.getEleme
-
js通过iframe加载外部网页的实现代码
今天从别的网站看到的,不需要跳转到别的页面直接本域名下调用外部网页.里面用js控制iframe的大小,确实不错. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&q
-
iframe中子父类窗口调用JS的方法及注意事项
一.前言 我页面用的是EasyUI的弹出窗口里面嵌入一个iframe. 第一:父窗口打开子窗口是一个新增用户信息的iframe子页面,点击保存后,子窗口iframe则去调用父窗口的function closeAddWindow()方法,让父窗口去关闭新增页面: 第二:父窗口打开一个设置用户权限的iframe子窗口,首先打开这个子窗口会全部加载数据库表中所有的存在的权限,然后子窗口需要把加载的权限信息拼接html Append到一个ID为<table id="tb"><
-
js改变Iframe中Src的方法
本文实例讲述了js改变Iframe中Src的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio .N
-
js实现iframe跨页面调用函数的方法
本文实例讲述了js实现iframe跨页面调用函数的方法.分享给大家供大家参考.具体实现方法如下: 在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数.比如说:现在有两个页面parent.html和child.html.其中parent.html中含有IFrame并且IFrame指向child.html.现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法. 具体的代码实
-
js中iframe调用父页面的方法
本文实例讲述了js中iframe调用父页面的方法.分享给大家供大家参考.具体实现方法如下: 子页面调用父页面的方法在js中很容易实现.我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了 复制代码 代码如下: //在父页面中调用该函数 <script> function dey() { var cards_frame=d
-
JS去除iframe滚动条的方法
本文实例讲述了JS去除iframe滚动条的方法.分享给大家供大家参考.具体如下: 下面的代码可以通过修改scrolling来去除iframe的滚动条 <!DOCTYPE html> <html> <head> <script> function removeScroll() { document.getElementById("myframe").scrolling="no"; } </script> &l
-
JS动态添加iframe的代码
一般对于ie9以上的浏览器.chrome等浏览器都可以支持 var iframe = document.createElement('iframe'); iframe.src="http://www.jb51.net"; document.body.appendChild(iframe); 但考虑浏览器的兼容性问题可以使用下面的代码 try{ var iframe = document.createElement('<iframe name="ifr">
-
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
本文实例讲述了js实现iframe框架取值的方法.分享给大家供大家参考,具体如下: 为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: <html> <head> <title>框架内页</title> </head> <body> <div> <
-
js实现防止被iframe的方法
本文实例讲述了js实现防止被iframe的方法.分享给大家供大家参考.具体如下: 方法一: <script> // Break out of an iframe, if someone shoves your site // into one of those silly top-bar URL shortener things. // // Passing `this` and re-aliasing as `window` ensures // that the window object
-
js实现刷新iframe的方法汇总
javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有: 复制代码 代码如下: <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 第一种方法:用iframe的name属性定位 复制代码 代码如下: <input type="button" name="B
随机推荐
- javascript ImgBox透明遮罩层背景图片展示
- SQL Server误区30日谈 第6天 有关NULL位图的三个误区
- Linux下 mysql oracle 简单使用手册
- Asp.Net数据控件引用AspNetPager.dll分页实现代码
- php set_include_path函数设置 include_path 配置选项
- ASP中Null,Empty,Nothing的区别分析
- Symfony2针对输入时间进行查询的方法分析
- 3分钟掌握常用的JS操作JSON方法总结
- jquery模拟LCD 时钟的html文件源代码
- PHP数组内存耗用太多问题的解决方法
- 开机CPU就是100%cmd.exe病毒进程清除方法
- Android的HTTP多线程下载示例代码
- Android无需root实现apk的静默安装
- 基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
- JS中利用FileReader实现上传图片前本地预览功能
- 通过Ajax请求动态填充页面数据的实例
- Bootstrap-table使用footerFormatter做统计列功能
- Vue实现简易翻页效果源码分享
- 前端防止用户重复提交js实现代码示例
- 易语言实现http下载断点续传功能的代码