在JS中anchor的用法

JavaScript020

在JS中anchor的用法,第1张

Anchor 对象表示 HTML 超链接

在 HTML 文档中 <a>标签每出现一次,就会创建 Anchor 对象;

锚可用于创建指向另一个文档的链接(通过 href 属性),或者创建文档内的书签(通过 name 属性);

可以通过搜索 Document 对象中的 anchors[] 数组来访问锚,或者使用document.getElementById()

Anchor 对象的部分属性

target:设置或返回在何处打开链接

href:设置或返回被链接资源的 URL

name:设置或返回一个链接的名称

id:设置或返回一个链接的 id

Anchor 对象的方法

blur():把焦点从链接上移开

focus():给链接应用焦点

anchor() 方法用于创建 HTML 锚

语法结构:stringObject.anchor(anchorname)

anchorname 参数: 必需,为锚定义名称

<script type="text/javascript">

    var text="ClickMe"

    document.write(text.anchor("aname"))

</script> 代码结果为:<a name="aname">ClickMe</a>

html页面内可以设置锚点,锚点定义

Html代码

<a

name="firstAnchor">&nsbp</a>

锚点使用

Html代码

<a

href="#firstAnchor">跳至第一个锚点</a>

但对于js呢,在js中如何在完成一个操作后跳至页面的某个固定锚点呢

js中location.href可以跳转至某个url;

跳至(定位到)某个固定锚点的办法

1、location.href

=

"#firstAnchor"

//

firstAnchor为锚点名称

2、window.location.hash

=

"#firstAnchor"

//

firstAnchor为锚点名称

经测试:hash只会在跳转到此页面的第一次起作用,再次刷新此页面将不起作用,而href始终起作用

以上这篇js

定位到某个锚点的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。