javascript锚点,js设置锚点

9-假链接和锚点

一、假链接

1、什么是假链接？

点击之后不会跳转的链接。

2、假链接的意义：

在企业开发前期，其他界面都还没有写出来，还不知道应该跳转到什么地方，所以只能用假链接来代替。当项目后期其他界面都已经完成时，再将假链接替换为真链接。

3、格式：1、#        2、javascript:                                                两者的区别：#假链接打击后会自动回到顶部，JavaScript假链接点击后不会回到顶部。

二、锚点

作用：通过a标签在当前界面找到相对位置

方法：因为在HTML中每个标签都有一个叫做id的名称属性，所以要实现锚点功能需要做以下两步：1、给目标位置的标签添加一个id属性,然后指定一个独一无二的值；2、告诉a标签所需跳转目标标签所对应的id值

格式：a href="#center"跳转到中部/a                              h2 id="center"我是中部/h2

注意点：1、通过a标签跳转到指定位置的过程中没有规定动画；2、a标签除了可以跳转到当前界面指定位置外，还可以跳转到其他页面的某个位置。

a href="javascript:t('1')" 后面如何加#html锚点？

href="javascript:test()"可以调用js的test方法

onclick = "test()" 同样可以调用js的test方法

在href属性后面添加一个onclick属性就可以解决问题。href控制页面跳转路径 onclick控制调用js，解决方法不唯一但这种是最简单的。

html

head

titletest/title

/head

body

a href="#name" onclick="javascript:alertstr();"click/a

div style="height:5000px;"/div

div id="name"/div

script type="text/javascript"

function alertstr(){

alert(1);

}

/script

/body

/html

javascript中的anchors

没听说JS里有啥anchors。

倒是HTML里可以a name="xxx"/a这样来定义一个锚点，

然后JS写window.location.hash = 'xxx';可以跳到这个锚点

javascript中的锚点是什么

也就是让页面可视区域跳到目标位置

a name="anchor"/a

location.hash="anchor";