搜索
您的当前位置:首页正文

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

2023-11-27 来源:谷彼宠物网

这次给大家带来html的标签中的this应该如何使用,html的标签中的this的使用注意事项有哪些,下面就是实战案例,一起来看一下。

<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>

相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

表格单元格td设置宽度无效应该如何解决

怎样解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题

在HTML中select标签怎样实现单选和多选

怎么实现html 可输入下拉菜单

如何使用CSS对TD中INPUT的宽度设置

小编还为您整理了以下内容,可能对您也有帮助:

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

<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>

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

<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>

javascript的html事件中this的问题

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="按我测试"/>

javascript的html事件中this的问题

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="按我测试"/>

html js函数传的this是什么意思

this就是你当前要执行的js所抓获的节点,这样在js里就可以不用document.getElement之类的写法来抓获id,name或标签名,省去一些麻烦。一般用obj来代替。
<input type="button" id="tianjia" value="保 存" class="btn1" onClick="nullCheck(this)"/>
<script>
function nullCheck(obj)
{
......//这里写你所需功能的代码
}
</script>

html js函数传的this是什么意思

this就是你当前要执行的js所抓获的节点,这样在js里就可以不用document.getElement之类的写法来抓获id,name或标签名,省去一些麻烦。一般用obj来代替。
<input type="button" id="tianjia" value="保 存" class="btn1" onClick="nullCheck(this)"/>
<script>
function nullCheck(obj)
{
......//这里写你所需功能的代码
}
</script>

jQuery里面的$("this")和$(this)有什么区别

1、新建一个html文件,命名为test.html。

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

3、在test.html文件内,使用span创建一行文字,并设置其id属性为test,主要用于下面通过该id获得span对象。

4、在test.html文件内,使用jquery中的$符号通过id(test)获得span标签对象,再使用bind()方法给它绑定click点击事件,当span元素被点击时,执行function()函数。

5、在function函数内,使用$(this)获得当前对象,相当于使用$("#test")获得对象,通过text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击span标签,查看实现的效果。

6、在test.html文件内,使用this创建一个标签,在该标签内写上测试的文字,同时,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行getthis()函数。

7、在getthis()函数内,通过$("this")获得this标签对象,使用text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击按钮,查看实现的效果。

javascript中this的用法的一些疑问

<div id="onmouse" onmouseover="mOver(this)" onmouseout="mOut(this)" ,此时的this表示div,
<div id="onmouse" onmouseover="mOver()" onmouseout="mOut()" ,你没有指定任何参数,而在

function mOver()
{
this.innerHTML="谢谢";
}

function mOut()
{
this.innerHTML="把鼠标移到上面";
}
你使用了this,此时的this属于当前使用它的那个对象,而这个东西是在函数定义的使用的,所以它属于的window,两个东西表示的根本就不是同一个东西,虽然都是this,但是意义不一样

javascript中this的用法的一些疑问

<div id="onmouse" onmouseover="mOver(this)" onmouseout="mOut(this)" ,此时的this表示div,
<div id="onmouse" onmouseover="mOver()" onmouseout="mOut()" ,你没有指定任何参数,而在

function mOver()
{
this.innerHTML="谢谢";
}

function mOut()
{
this.innerHTML="把鼠标移到上面";
}
你使用了this,此时的this属于当前使用它的那个对象,而这个东西是在函数定义的使用的,所以它属于的window,两个东西表示的根本就不是同一个东西,虽然都是this,但是意义不一样

请教 html中div标签的问题。谢谢。

兄弟呀,this是关键字,你怎么当参数传进去了,getLocation(1,this);

还有,你既然调用参数了,为什么那里还写this,不写obj呢

alert(div.style.left);

alert(this.style.left)

像这样写也用不上第二个参数呀,你就传一个就行了

html js函数传的this是什么意思?

意思就是把你触发事件的这个控件传递过去.

<input

type="button"

id="tianjia"

value="保

存"

class="btn1"

onClick="nullCheck(this)"/>

function

nullCheck(obj){

obj.value;//这样就得到控件value了

}

谷彼宠物网还为您提供以下相关内容希望对您有帮助:

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

&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; function showHint(str){ alert(str) ; } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" onkeyup="showHint(this.value)"/&gt; &lt;!--此处,在html标签中的this代表...

我不理解js中this的详细用法,谁可以帮我详细回答一下。

1、在HTML元素事件属性中inline方式使用this关键字: &lt;div onclick=" // 可以在里面使用this "&gt;division element&lt;/div&gt; &lt;div onclick=" // 可以在里面使用this "&gt;division element&lt;/div&gt; 我们一般比较常用的方法是在此使用:ja...

jquery中的this和javascript中的this的区别?

1、表示对象不同:this表示的是javascript提供的当前对象,$(this)表示的是用jquery封装候的当前对象。2、过程不同:this对象可以直接用this.style修改样式,$(this)可以使用jquery提供的方法访问样式。比如this.style.display=...

javascript的html事件中this的问题

this是指本元素 每一个HTML标签,都会在DOM树下产生一个元素节点,这个this是写在哪个标签内,那么show函数里面的参数就是哪个标签所产生的元素的id,如 &lt;input type="button" id="我是button1" onclick="alert(this.id...

jQuery里面的$("this")和$(this)有什么区别

6、在test.html文件内,使用this创建一个标签,在该标签内写上测试的文字,同时,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行getthis()函数。7、在getthis()函数内,通过$("this"...

JavaScript 关于this的赋值问题

这样你就可以最大限度使用this。每当执行该函数,this所指向的HTML元素都正确响应事件,这些HTML元素拥有doSomething()的一个拷贝。Referring 然而,如果你使用inline event registration(内联事件注册)Javascript代码 &lt;element on...

html js函数传的this是什么意思

this就是你当前要执行的js所抓获的节点,这样在js里就可以不用document.getElement之类的写法来抓获id,name或标签名,省去一些麻烦。一般用obj来代替。&lt;input type="button" id="tianjia" value="保 存" class="btn1"...

html js函数传的this是什么意思?

意思就是把你触发事件的这个控件传递过去.&lt;input type="button"id="tianjia"value="保 存"class="btn1"onClick="nullCheck(this)"/&gt; function nullCheck(obj){ obj.value;//这样就得到控件value了 } ...

javascript中this的用法的一些疑问

function mOut(){ this.innerHTML="把鼠标移到上面";} 你使用了this,此时的this属于当前使用它的那个对象,而这个东西是在函数定义的使用的,所以它属于的window,两个东西表示的根本就不是同一个东西,虽然都是this,但是...

javascript中函数this的问题

首先写在html标签中传入的this是指html元素,比如 对应处理函数function fa(object){} 这个object就指html元素 如果这个函数里还有this,就是指window对象。(所有声明的函数默认是绑定在window对象上的,而window对象可以省略。

Top