关于href的值
来源:3-2 站点导航HTML结构
sarah_321
2021-02-24 09:06:27
老师,麻烦问下,这个a标签中的href的值有时候是javascript() ,有时候是#,有时候是#1这种后边带个数字的,感觉好像都是点了以后没反应那种,他们有什么区别么
1回答
同学你好,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属性值设置数字不符合规范,不推荐同学这么做,老师这里主要是为了方便演示效果)
示例代码
效果图如下
由于href="#"和href="#1"还有其他的功能,推荐使用href="javascript:;"实现阻止点击a标签时刷新页面的效果。
祝学习愉快~
相似问题