JavaScript-给iframe里的内容定义样式

Zx萱妍堂

Zx萱妍堂

2016-02-19 20:30

图老师小编精心整理的JavaScript-给iframe里的内容定义样式希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

  案例1:

  做一个通用的反馈表单应用在其它页面的框架里,要求在框架外面可以定义框架里面的页面样式。

  程序代码

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

iframe name="feedbackform" id="feedbackform" src="xx.aspx" mce_src="xx.aspx" width="755" height="500" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"/iframe

script type="text/javascript"
var temp_css;
temp_css="style type="text/css"";
temp_css+="body{padding:10px 0;margin:0;font-size:12px;}";
temp_css+="/style";
window.onload=function(){
var obj=window.frames["feedbackform"];
obj.document.body.innerHTML+=temp_css;
}
/script

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  案例2:

  例:需要在a.html中去改变b.html中.abc的色彩。

  程序代码

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

a.html
iframe src="b.html" mce_src="b.html" id="content" name="content" height="15" width="468" scrolling="no" frameborder="0"/iframe
script type="text/javascript"
document.frames['content'].document.styleSheets[0].addRule(".abc","color:#FF0000");/script

b.html

style.abc{color:#000000}/style

展开更多 50%)
分享

猜你喜欢

JavaScript-给iframe里的内容定义样式

Web开发
JavaScript-给iframe里的内容定义样式

javascript应用:Iframe自适应其加载的内容高度

Web开发
javascript应用:Iframe自适应其加载的内容高度

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jsp 内嵌网页内容--iframe

Web开发
jsp 内嵌网页内容--iframe

用javascript控制iframe滚动的代码

Web开发
用javascript控制iframe滚动的代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用javascript动态调整iframe高度的方法

Web开发
用javascript动态调整iframe高度的方法

用javascript动态调整iframe高度的代码

Web开发
用javascript动态调整iframe高度的代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JavaScript面向对象 “四段式”类设计方法

JavaScript面向对象 “四段式”类设计方法

在淘宝上点击立即购买无反应

在淘宝上点击立即购买无反应
下拉加载更多内容 ↓