前端:a标签中href属性javascript和#

简介: 前端:a标签中href属性javascript和#

例子:

1、什么都不执行
<a href="javascript:;" onclick="js_method()">百度</a>
或者
<a href="javascript:void(0)" onclick="js_method()">百度</a>
2、返回到页面的最顶端
<a href="#">百度</a>
3、页面跳转
<a href="URL">百度</a>
4、直接下载文件
<a href="文件地址">百度</a>

javascript: 是一个伪协议

javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,

而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应。

href="javascript:;"就是去掉a标签的默认行为,跟href="javascript:void(0)"是一样的

void 是JavaScript 的一个运算符,

void(0)就是什么都不做的意思。

参考

详解A标签中href=""的几种用法

相关文章
|
4月前
|
JavaScript 前端开发
JavaScript中属性遍历的三种方法
JavaScript中属性遍历的三种方法
N..
|
25天前
|
缓存 JavaScript 前端开发
Vue.js的计算属性
Vue.js的计算属性
N..
11 2
N..
|
25天前
|
JavaScript 前端开发 数据处理
Vue.js的过滤器和监听属性
Vue.js的过滤器和监听属性
N..
16 1
|
1月前
|
移动开发 JavaScript 前端开发
编程笔记 html5&css&js 028 HTML输入属性(2/2)
编程笔记 html5&css&js 028 HTML输入属性(2/2)
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 027 HTML输入属性(1/2)
编程笔记 html5&css&js 027 HTML输入属性(1/2)
|
1月前
编程笔记 html5&css&js 023 HTML表单属性
编程笔记 html5&css&js 023 HTML表单属性
|
1月前
|
存储 移动开发 前端开发
编程笔记 html5&css&js 010 HTML全局属性
编程笔记 html5&css&js 010 HTML全局属性
|
2月前
|
JavaScript 前端开发
JavaScript常用的属性
JavaScript常用的属性
|
3月前
|
前端开发 JavaScript 算法
深入探究 JavaScript 中的 String:常用方法和属性全解析(下)
深入探究 JavaScript 中的 String:常用方法和属性全解析(下)
|
3月前
|
前端开发 JavaScript 索引
深入探究 JavaScript 中的 String:常用方法和属性全解析(中)
深入探究 JavaScript 中的 String:常用方法和属性全解析(中)