使用JavaScript更改描述的HTML链接
使用JavaScript更改描述的HTML链接
提问于 2014-02-27 22:54:22
我正在设计一个网站，在侧边栏上，我有链接。我需要的链接能够改变网站本身的内容，而不是链接到另一个页面。这个网站正在变得越来越大，这是我试图保持它小的原因。任何帮助都将不胜感激。
以下是这些链接的代码；我需要更改subLink div描述。
JSFiddle Code
<div id="sidebarLinks"><!-- USE THIS DIV SECTION FOR A LIST WITH BULLET POINTS -->
<ul>
<li style="line-height: 35px"><a href="index.html"><strong><em>Main Page</em></strong></a></li>
<li style="line-height: 35px"><a href="construction.html#bottom">Construction</a></li>
<ul id="subList">
<li style="line-height: 35px"><a href="#">HOME MECHANICS</a></li>
<li style="line-height: 35px"><a href="#">BUILDING CONSTRUCTION 1</a></li>
<li style="line-height: 35px"><a href="#">BUILDING CONSTRUCTION 2</a></li>
</ul>
<li style="line-height: 35px"><a href="drafting.html#bottom">Drafting</a></li>
<li style="line-height: 35px"><a href="electronics.html#bottom">Electronics</a></li>
<li style="line-height: 35px"><a href="graphic.html#bottom">Graphic arts </a></li>
<li style="line-height: 35px"><a href="Manufacturing.html#bottom">Manufacturing</a></li>
<li style="line-height: 35px"><a href="project.html#bottom">Project Lead the Way</a></li>
<li style="line-height: 20px"><a href="transport.html#bottom">Transportation, Distribution, & Logistics</a></li>
<li style="line-height: 35px"><a href="woodworking.html#bottom">Wood Working</a></li>
</ul>
</div>Stack Overflow用户
发布于 2014-02-27 23:11:24
假设整个内容都放在一个div中，比如
<div id="container">
Your content here
</div>并使您的链接调用一个函数，例如
function changeThings(url){
$("container").load(url,callback)
}你的链接就会像这样
<a onclick='changeThings("drafting.html#bottom")' >Drafting</a>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22072099
复制相关文章
相似问题
腾讯云开发者
