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的大小,确实不错. <!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
-
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的代码
一般对于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滚动条的方法
本文实例讲述了JS去除iframe滚动条的方法.分享给大家供大家参考.具体如下: 下面的代码可以通过修改scrolling来去除iframe的滚动条 <!DOCTYPE html> <html> <head> <script> function removeScroll() { document.getElementById("myframe").scrolling="no"; } </script> &l
-
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
本文实例讲述了js实现iframe框架取值的方法.分享给大家供大家参考,具体如下: 为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: <html> <head> <title>框架内页</title> </head> <body> <div> <
-
JS动态修改iframe高度和宽度的方法
本文实例讲述了JS动态修改iframe高度和宽度的方法.分享给大家供大家参考.具体如下: 如果希望通过按钮动态修改iframe的高度和宽度,可以参考下面的JS代码 <!DOCTYPE html> <html> <head> <script> function changeSize() { document.getElementById("myframe").height="300"; document.getEleme
-
js实现刷新iframe的方法汇总
javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有: 复制代码 代码如下: <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 第一种方法:用iframe的name属性定位 复制代码 代码如下: <input type="button" name="B
-
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调用父页面的方法
本文实例讲述了js中iframe调用父页面的方法.分享给大家供大家参考.具体实现方法如下: 子页面调用父页面的方法在js中很容易实现.我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了 复制代码 代码如下: //在父页面中调用该函数 <script> function dey() { var cards_frame=d
-
js实现iframe跨页面调用函数的方法
本文实例讲述了js实现iframe跨页面调用函数的方法.分享给大家供大家参考.具体实现方法如下: 在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数.比如说:现在有两个页面parent.html和child.html.其中parent.html中含有IFrame并且IFrame指向child.html.现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法. 具体的代码实
-
iframe中子父类窗口调用JS的方法及注意事项
一.前言 我页面用的是EasyUI的弹出窗口里面嵌入一个iframe. 第一:父窗口打开子窗口是一个新增用户信息的iframe子页面,点击保存后,子窗口iframe则去调用父窗口的function closeAddWindow()方法,让父窗口去关闭新增页面: 第二:父窗口打开一个设置用户权限的iframe子窗口,首先打开这个子窗口会全部加载数据库表中所有的存在的权限,然后子窗口需要把加载的权限信息拼接html Append到一个ID为<table id="tb"><
随机推荐
- 如何在读取Excel文件时创建列表的下拉菜单?
- VBS教程:函数-Mid 函数
- asp.net Page.EnableEventValidation 属性验证服务器控件的回发和回调事件出现的错误
- javascript DOM对象的学习实例代码
- python数组复制拷贝的实现方法
- JBuilder2005单元测试之JUnit框架
- VB.net 查询获取数据库数据信息
- Android convinientbanner顶部广告轮播控件使用详解
- linux入门教程 第4章 X-Window与汉化
- 用MVC模型引导你的WEB设计思路
- Nginx下Wordpress的永久链接实现(301,404等)
- javascript下function声明一些小结
- RAVFY.EXE,RAVWL.EXE,msdebug.dll,Servere.exe等的清除指南附SREng.EXE PowerRmv.com unlocker1.8.5.exe打
- win 2003 的一些优化、加速、技巧整理
- 数组指针、指针数组以及二位数组的深入解析
- C#中WebClient实现文件下载
- 常见PHP数据库解决方案分析介绍
- 《APMServ 5.1.2》使用图解
- Vlan Configure For Cisco4506
- 使用Python生成Shell命令,批量执行程序代码解析