关于href的值

来源:3-2 站点导航HTML结构

sarah_321

2021-02-24 09:06:27

老师,麻烦问下,这个a标签中的href的值有时候是javascript() ,有时候是#,有时候是#1这种后边带个数字的,感觉好像都是点了以后没反应那种,他们有什么区别么

写回答

1回答

好帮手慕慕子

2021-02-24

同学你好,a标签中的href属性值不是javascript(),而是javascript:;哦。对于同学的问题,具体可以参考如下解析:

1、相同点:

因为a标签的href属性值为空时,点击a标签,默认会刷新当前页面,而给a标签的href属性设置值为javascript:;或#或#1时,再点击a标签时,就不会刷新当前页面了

2、区别:

(1)href="javascript:;", 点击a标签时,页面不会发生跳转。

(2)href="#", 点击a标签时,页面会跳转到顶部。

(3)href="#1", 点击a标签时,id为1的元素会跳转到页面顶部。(id属性值设置数字不符合规范,不推荐同学这么做,老师这里主要是为了方便演示效果)

示例代码

http://img.mukewang.com/climg/6035ba500991898706380625.jpg

效果图如下

http://img.mukewang.com/climg/6035bb3b0a93a6a919050782.jpg

​由于href="#"和href="#1"还有其他的功能,推荐使用href="javascript:;"实现阻止点击a标签时刷新页面的效果。

祝学习愉快~

0

0 学习 · 14456 问题

查看课程