当前位置：首页 → 问答吧 → 一个框架样式问题

一个框架样式问题

时间：2010-12-01

来源：互联网

这样的，我把一个网页差分成4部分，分别是index.html、header.html、left.html、footer.html，以index.html为主体，其他三个页面都是嵌入进去的，我只在index页面里加样式表，其他的页面不加样式表，怎么样可以正常显示？？

作者: guangpunba 发布时间: 2010-12-01

你load进去，样式写在一个文件内主页link就行了嘛！

作者: radom 发布时间: 2010-12-01

可以具体点吗

作者: guangpunba 发布时间: 2010-12-01

引用:

原帖由 guangpunba 于 2010-12-1 08:37 发表
可以具体点吗

这4个部分其实是独立的4个html，所以一定要单独加载CSS。不过可以通过JS在主页面控制frame的内容。

主页面index.html里的代码。在frame加载完成后调一下加载css的函数即可。
==============================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script>
function addStyle(){
var head = window.frames["content"].document.getElementsByTagName("head")[0];
var style = window.frames["content"].document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.href = 'css/FormatCssFile.css';
style.media = 'screen';
head.appendChild(style);
}
</script>
</head>

<frameset >
<frame src="header.html">
<frameset>
<frame name="left" src="left.html" >
<frame name="content" src="content.html" onload="addStyle()" ></frameset></frameset>
</html>
==============================================

作者: zhutianyi 发布时间: 2010-12-01

一个框架样式问题

引用:

热门阅读

热门下载