html的标签中的this应该如何使用

html的标签中的this应该如何使用,第1张

<html> 

<head> 

<script type="text/javascript"> 

function showHint(str){ 

alert(str)  

</script> 

</head> 

<body> 

<input type="text" onkeyup="showHint(this.value)"/> <!--此处,在html标签中的this代表的是此标签--> 

</body> 

</html>

this是指本元素

每一个HTML标签,都会在DOM树下产生一个元素节点,这个this是写在哪个标签内,那么show函数里面的参数就是哪个标签所产生的元素的id,如

<input type="button" id="我是button1" onclick="alert(this.id)" value="按我测试"/>

<input type="button" id="我是button2" onclick="alert(this.id)" value="按我测试"/>

with (object) { };

意思就是对object做一些事,方法体里面就是要对object做的事情,当然,只做一个 *** 作的话,是体现不出好处的,with的目的,就是简化代码,比如:

with(document){

write("您好 !")

write("<br>这个文档的标题是 : \"" + title + "\".")

write("<br>这个文档的 URL 是: " + URL)

write("<br>现在您不用每次都写出 document 对象的前缀了 !")

},不用with的话,就得这样写:

document.write("您好 !")

document.write("<br>这个文档的标题是 : \"" + title + "\".")

document.write("<br>这个文档的 URL 是: " + URL)

document.write("<br>现在您不用每次都写出 document 对象的前缀了 !")

至于this,在这里指的就是这个form表单。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8317860.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存