关于href的值

关于href的值

老师,麻烦问下,这个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属性值设置数字不符合规范,不推荐同学这么做,老师这里主要是为了方便演示效果)

示例代码

http://img1.sycdn.imooc.com//climg/6035ba500991898706380625.jpg

效果图如下

http://img1.sycdn.imooc.com//climg/6035bb3b0a93a6a919050782.jpg

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

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师