问题:
我正在设计一个在所有页面上使用相同侧边栏的网站,因此我将侧边栏放在 iFrame 中以便以后编辑...但是在每个页面上,我希望 iFrame 中的当前页面链接为粗体...请您帮忙提供一个 JavaScript 语句或函数来解决这个问题。
我目前的代码如下:
HTML(主网页):
<!DOCTYPE html>
<html>
<head>
<title>Example Page</title>
<script type="text/javascript">
var currentTag = function(tag){
var currentPage = document.frames['tag_list'].document.getElementById(tag+'_tag-list'); currentPage.style.fontWeight = "bold";
};
currentTag("home")
</script>
</head>
<body>
<header>
<!--All header code-->
</header>
<!--Sidebar (Problem)-->
<iframe src="myframe.html" scrolling="no" id="tag_list">Your browser does not support the "iframe" element, please update...</iframe>
<div id="content">
<!--All content-->
</div>
<footer>
<!--All footer code-->
</footer>
</body>
</html>
HTML (iFrame):
<!DOCTYPE html>
<html>
<head>
<title>Sidebar Frame</title>
</head>
<body>
<div id="tag_list">
<h2>Pages</h2>
<ul>
<li><a href="#"><span id="home_tag-list">Homepage</span></a></li>
<!--And all the other pages-->
</ul>
</div>
</body>
</html>
非常感谢您的帮助:D