JS改变iframe子页面CSS路径
父页面结构<html><head><title>无标题文档</title></head><body><iframesrc="http://www.abc.com/123....
父页面结构
<html >
<head>
<title>无标题文档</title>
</head>
<body>
<iframe src="http://www.abc.com/123.html"></iframe >
</body>
</html>
子页面 123.html 结构
<html >
<head>
<title>无标题文档</title>
<LINK rel=stylesheet type=text/css href=" http://www.abc.com/.css.css">
</head>
<body>
<P> 子页面内容</P>
</body>
</html>
我只对父窗口有编辑管理权限，在这种情况，有没有办法修改123.html 内加载的css路径啊！我会写 css , 但是不会 js ! 如果可以的话，麻烦贴个详细点的js代码！
最好能在页面加载入的时候就执行！不需要通过点击！ 展开
<html >
<head>
<title>无标题文档</title>
</head>
<body>
<iframe src="http://www.abc.com/123.html"></iframe >
</body>
</html>
子页面 123.html 结构
<html >
<head>
<title>无标题文档</title>
<LINK rel=stylesheet type=text/css href=" http://www.abc.com/.css.css">
</head>
<body>
<P> 子页面内容</P>
</body>
</html>
我只对父窗口有编辑管理权限，在这种情况，有没有办法修改123.html 内加载的css路径啊！我会写 css , 但是不会 js ! 如果可以的话，麻烦贴个详细点的js代码！
最好能在页面加载入的时候就执行！不需要通过点击！ 展开
3个回答
展开全部
你可以看看下面的代码：
<link href="images/style1.css" rel="stylesheet" type="text/css" title="深红"/>
<link href="images/style2.css" rel="stylesheet" type="text/css" title="淡蓝"/>
<link href="images/style3.css" rel="stylesheet" type="text/css" title="桔黄"/>
<input name="button3" type="button" onClick="setStyle('桔黄');" value="" class="bnt3" title="桔黄"/>
<input name="button2" type="button" onClick="setStyle('淡蓝');" value="" class="bnt2" title="淡蓝"/>
<input name="button1" type="button" onClick="setStyle('深红');" value="" class="bnt1" title="深红"/>
<script type="text/javascript">
function setStyle(title) {
//预定义变量
var i, links;
//用DOM方法获得所有的link元素
links = document.getElementsByTagName("link");
for(i=0; links[i]; i++) {
//判断此link元素的rel属性中是否有style关键字
//即此link元素是否为样式表link
//同时判断此link元素是否含有title属性
if(links[i].getAttribute("rel").indexOf("style") != -1
&& links[i].getAttribute("title")) {
//先不管三七二十一把它设为disabled
links[i].disabled = true;
//再判断它的title中是否有我们指定的关键字
if(links[i].getAttribute("title").indexOf(title) != -1)
//如果有则将其激活
links[i].disabled = false;
}
}
}
</script>
<link href="images/style1.css" rel="stylesheet" type="text/css" title="深红"/>
<link href="images/style2.css" rel="stylesheet" type="text/css" title="淡蓝"/>
<link href="images/style3.css" rel="stylesheet" type="text/css" title="桔黄"/>
<input name="button3" type="button" onClick="setStyle('桔黄');" value="" class="bnt3" title="桔黄"/>
<input name="button2" type="button" onClick="setStyle('淡蓝');" value="" class="bnt2" title="淡蓝"/>
<input name="button1" type="button" onClick="setStyle('深红');" value="" class="bnt1" title="深红"/>
<script type="text/javascript">
function setStyle(title) {
//预定义变量
var i, links;
//用DOM方法获得所有的link元素
links = document.getElementsByTagName("link");
for(i=0; links[i]; i++) {
//判断此link元素的rel属性中是否有style关键字
//即此link元素是否为样式表link
//同时判断此link元素是否含有title属性
if(links[i].getAttribute("rel").indexOf("style") != -1
&& links[i].getAttribute("title")) {
//先不管三七二十一把它设为disabled
links[i].disabled = true;
//再判断它的title中是否有我们指定的关键字
if(links[i].getAttribute("title").indexOf(title) != -1)
//如果有则将其激活
links[i].disabled = false;
}
}
}
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
应该是没有权限的。
如果是在想做，只能不用iframe，在php里用curl把他的整个页面内容获取到，然后把他的那句包含css的语句替换掉。再用div显示了。
如果是在想做，只能不用iframe，在php里用curl把他的整个页面内容获取到，然后把他的那句包含css的语句替换掉。再用div显示了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不可以做，js是脚本类，需要借助控件才能控制系统。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
