<a onclick="javascript:func(this)" >here</a>
this
脚本中是什么意思?
<a onclick="javascript:func(this)" >here</a>
this
脚本中是什么意思?
在您询问的情况下,this
代表 HTML DOM 元素。
所以这将是<a>
被点击的元素。
onclick 等事件处理程序属性的值应该只是 JavaScript,没有任何“javascript:”前缀。javascript: 伪协议用于 URL,例如:
<a href="javascript:func(this)">here</a>
不过,您应该onclick="func(this)"
优先使用该表单。另请注意,在我上面使用 javascript: 伪协议“this”的示例中,将引用窗口对象而不是<a>
元素。
在 JavaScript 中this
是指包含动作的元素。例如,如果您有一个名为 的函数hide()
:
function hide(element){
element.style.display = 'none';
}
调用hide
withthis
将隐藏元素。它只返回被点击的元素,即使它与 DOM 中的其他元素相似。
例如,您可能this
单击下面 HTML 中的数字只会隐藏单击的项目符号点。
<ul>
<li class="bullet" onclick="hide(this);">1</li>
<li class="bullet" onclick="hide(this);">2</li>
<li class="bullet" onclick="hide(this);">3</li>
<li class="bullet" onclick="hide(this);">4</li>
</ul>
这里 (this) 是一个包含 dom 元素的所有特征/属性的对象。你可以看到
console.log(this);
这将显示具有层次结构的 dom 元素的所有属性。您可以通过此操作 dom 元素。
另请在以下链接中进行描述:-