使用javascript更改框架内的字体大小?
我有一个html页面使用javascript更改框架内的字体大小?,javascript,jquery,Javascript,Jquery,我有一个html页面 <html> <head> </head> <frameset cols="*" rows="48,100%" border="0" frameborder="yes" bordercolor="black"> <frame name="header" src="bar.jsp" scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
<html>
<head>
</head>
<frameset cols="*" rows="48,100%" border="0" frameborder="yes" bordercolor="black">
<frame name="header" src="bar.jsp" scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
<frame name="body" src="body.jsp" scrolling="auto" marginheight="0" marginwidth="0" frameborder="0">
<frame>
</frameset>
</HTML>
在框架主体内,我有body.jsp页面:
<table id="people" width="100%" border="0" cellspacing="8" cellpadding="0">
<tr class='list'>
<td></td>
</tr>
<tr class='list'>
<td></td>
</tr>
</table>
如何更改表中所有行的字体大小?看起来您的帧是同一个域,这很好。您可以做的是使用javascript将CSS文件插入到框架中,然后针对您想要的任何内容 类似问题:
var cssLink = document.createElement("link");
cssLink.href = "style.css";
cssLink .rel = "stylesheet";
cssLink .type = "text/css";
frames['body'].document.head.appendChild(cssLink);
在css文件中添加如下内容:
#people tr{
font-size:12pt;
}
您使用的是什么HTML标准?您缺少一个doctype。如果您使用的是HTML5,那么有一些方法可以在托管页面和框架之间传输数据,这是正确的处理方法。试图操纵框架的内部html是一种安全违规行为,因为浏览器很难确定框架是否由您托管,或者您是否试图执行跨站点脚本攻击。好的,但我需要的是:从远程网站更改样式,注入新样式。所以我需要覆盖所有标签的样式,比如:
谢谢!我需要在不在服务器上创建样式文件的情况下覆盖它。不能在iframe上跨域注入javascript