javascript锚,html锚标记

在JS中anchor的用法是什么?

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

javascript中的锚点是什么

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

a name="anchor"/a

location.hash="anchor";

js 定位到某个锚点的方法

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

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

在JS中anchor的用法

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

JavaScript获取页面中第一个锚定文本的方法

本文实例讲述了JavaScript获取页面中第一个锚定文本的方法。分享给大家供大家参考。具体如下:

下面的JS代码通过document.archors数组获取第一个archor的innerHTML

!DOCTYPE

html

html

body

a

name="html"jb51.net/abr

a

name="css"CSS

Tutorial/abr

a

name="xml"XML

Tutorial/a

pinnerHTML

of

the

first

anchor:

script

document.write(document.anchors[0].innerHTML);

/script

/p

/body

/html

上面的代码输出:

jb51.net

希望本文所述对大家的javascript程序设计有所帮助。


网页题目:javascript锚,html锚标记
浏览地址:http://bzwzjz.com/article/dsscheh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都定制网站建设 移动网站建设 响应式网站设计 成都企业网站建设 成都网站建设 成都网站建设 企业网站建设公司 成都网站建设 四川成都网站设计 重庆网站建设 LED网站设计方案 成都响应式网站建设 网站设计制作 成都网站设计公司 网站建设公司 手机网站设计 成都网站设计 成都网站设计 成都网站建设公司 成都网站设计 成都网站建设