在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样?

简介: 原文: 在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样? 标签 上面的这段代码不能得到你想要的结果,因为在标记中href属性的this对象不是指代的当前的标记, 这个时候的this是指代的window对象,所以使用this.
原文: 在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样?

<a href="javascript:alert(this.innerHTML)" mce_href="javascript:alert(this.innerHTML)">标签</a>

上面的这段代码不能得到你想要的结果,因为在<A>标记中href属性的this对象不是指代的当前的<A>标记,

这个时候的this是指代的window对象,所以使用this.innerHTML将不会显示内容.

那么这么解决这个问题了我们可以这样写

<a href="javascript:void(0)" mce_href="javascript:void(0)" onClick="alert(this.innerHTML)">标签</a>

在onClick事件中的this才是指代的<a>标签.

目录
相关文章
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:常用方法和属性全解析(中)
|
3月前
|
存储 前端开发 JavaScript
深入探究 JavaScript 中的 String:常用方法和属性全解析(上)
深入探究 JavaScript 中的 String:常用方法和属性全解析(上)