在标记的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>标签.

目录
相关文章
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
324 1
|
监控 JavaScript 前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中,需要通过测试和验证来确定最适合的加载方式,以提供更好的用户体验和页面性能。
253 56
|
监控 JavaScript 前端开发
使用 `defer` 属性异步加载 JavaScript
【10月更文挑战第24天】使用 `defer` 属性异步加载 JavaScript 是一种有效的提高页面性能和用户体验的方法。通过合理设置 `defer` 属性,可以在不影响页面渲染的情况下异步加载脚本,并确保脚本的执行顺序。在实际应用中,需要根据具体情况选择合适的加载方式,并注意处理可能出现的问题,以确保页面能够正常加载和执行。
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
540 4
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
245 1
|
存储 JavaScript 前端开发
js中map属性
js中map属性
311 0
|
缓存 JavaScript 前端开发
深入理解Vue.js中的计算属性与侦听属性
【10月更文挑战第5天】深入理解Vue.js中的计算属性与侦听属性
225 0
|
前端开发 JavaScript
第60天:js常用访问CSS属性的方法
一、 js 常用访问CSS 属性的方法 我们访问得到css 属性,比较常用的有两种:     1. 利用点语法        box.style.width      box.style.top          点语法可以得到 width  属性  和 top属性  带有单位的。
1264 0
|
JavaScript 前端开发
JS 数据属性 & 访问器属性
JS 数据属性 & 访问器属性 一个js对象(Object、Function)可以定义两种类型的属性:数据属性 或 访问器属性。
1027 0