如何从内部html设置iframe样式
我有下面一行代码如何从内部html设置iframe样式,html,css,iframe,Html,Css,Iframe,我有下面一行代码 <iframe src="http://www.google.com" name="google" style="Z-INDEX: 0; MARGIN-TOP: -1px; WIDTH: 100%; HEIGHT: 1070px"> <html> <head></head> <body> <div>Some image is here&l
<iframe src="http://www.google.com" name="google" style="Z-INDEX: 0; MARGIN-TOP: -1px; WIDTH: 100%; HEIGHT: 1070px">
<html>
<head></head>
<body>
<div>Some image is here</div>
</body>
</html>
</iframe>
这里有一些图像
问题是iframe在IE7中不可见。仅当我添加样式display:block时,iframe才可见代码>
我没有权限修改样式top iframe,但我可以修改内部html
如何从html页面设置top iframe的样式?试试这个
<iframe id="f" width="200" height="200"></iframe>
----------
var s = document.getElementById('f');
s.contentDocument.write("welcome");
----------
var s=document.getElementById('f');
s、 contentDocument.write(“欢迎”);
试试这个
<iframe id="f" width="200" height="200"></iframe>
----------
var s = document.getElementById('f');
s.contentDocument.write("welcome");
----------
var s=document.getElementById('f');
s、 contentDocument.write(“欢迎”);
Iframe内容受相同的域策略约束。如果它来自你的域,你可以控制它,如果不是,你就被锁在外面。这可以防止各种基于Iframe的页面劫持
考虑到您可以直接访问,请执行以下操作:
你需要JavaScript。这与在父页面中执行相同,只是您必须在JavaScript命令前面加上iframe的名称
请记住,同源策略适用,因此您只能对来自您自己的服务器的iframe执行此操作
我使用原型框架使其更容易:
frame1.$('mydiv').style.border='1px solid #000000'
或
Iframe内容受相同的域策略约束。如果它来自你的域,你可以控制它,如果不是,你就被锁在外面。这可以防止各种基于Iframe的页面劫持
考虑到您可以直接访问,请执行以下操作:
你需要JavaScript。这与在父页面中执行相同,只是您必须在JavaScript命令前面加上iframe的名称
请记住,同源策略适用,因此您只能对来自您自己的服务器的iframe执行此操作
我使用原型框架使其更容易:
frame1.$('mydiv').style.border='1px solid #000000'
或
我不相信你能改变“google.com”的源代码=)我打算改变iframe的风格而不是google的源代码。我不相信你能改变“google.com”的源代码=)我打算改变iframe的风格而不是google的源代码。