javascript给数组加锚点定位

javascript给数组加锚点定位,第1张

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

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

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

<html>

<head>

<title>test</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>

锚点的添加方式

1、给锚点文本标签添加id,使用<a href="#"></a>来定位,当单击a链接时,就会跳到id为a01的p标签处;

<div><a href="#a01"></a></div><p>练习</p><p>练习</p><p>练习</p><p>练习</p><p>练习</p><p id="a01">练习</p><p>练习</p>

这样的定位可以针对任何标签来定位。

2、给a标签的文本添加锚点,单击链接可跳到name为a01的a标签处;

<div><a href="#a01"></a></div><p>练习</p><p>练习</p><p>练习</p><p>练习</p><p>练习</p><a name="a01" href=“#”>练习</a><p>练习</p>

使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。

3、使用js。

<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11726619.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存