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>
anchor() 方法用于创建 HTML 锚。stringObject.anchor(anchorname)
参数
描述
anchorname必需。为锚定义名称。
实例
在本例中,我们会为文本添加一个锚:
<script type="text/javascript">
var txt="Hello world!"
document.write(txt.anchor("myanchor"))
</script>
上面的代码将输出为纯粹的 HTML:
<a name="myanchor">Hello world!</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
定位到某个锚点的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。