首页 > 代码库 > html 锚点(超链接跳转和js中跳转)

html 锚点(超链接跳转和js中跳转)

超链接跳转
同页面:
<a href="http://www.mamicode.com/#q1">问题一?</a><a href="http://www.mamicode.com/#q1">问题二?</a><a href="http://www.mamicode.com/#q1">问题二?</a><a name="q1">问题一的解答</a>不同页面:a.html的内容<a href="http://www.mamicode.com/b.html#q1">问题一?</a>b.html的内容<a name="q1">问题一的解答</a>
注:1.确定在同一个页面打开如果<a href="http://www.mamicode.com/#q1">问题一?</a><a href="http://www.mamicode.com/#q2">问题二?</a>这样写不是在同一个页面打开的话,要加 target="_self"如:  <a href="http://www.mamicode.com/#q1" target="_self">问题一?</a><a href="http://www.mamicode.com/#q2" target="_self">问题二?</a>添加锚点就是为了在同一个页面方便快捷地找到相应位置,所以要确定在同一个页面打开才好,呵呵2.只要是跳到同一个地方,锚点名称必须是一样的。3.添加锚点,起始位置和结束位置必须都是用<a></a>标记来写的,前面是用href="http://www.mamicode.com/#锚点名",后面是name="锚点名";

js跳转
<script language="javascript">            
location.hash="#id1";  // id
location.hash="name1" //name
</script>
<div id="id1"></div>
<div name="name1"></div>


html 锚点(超链接跳转和js中跳转)