Javascript 关于“this”和“this.value”

我刚开始设计网页。我试图设计一个登录页面，并搜索了相同的内容，发现了一些东西，但我被一行内容弄糊涂了

onBlur="if(this.value=='')this.value='Username'" onFocus="if(this.value=='Username')this.value='' ">

但是我对这个、这个值以及if语句感到困惑

"if(this.value=='')this.value='Username'"

这是指当前元素。 this.value指的是当前元素具有的值

---

至于if语句，对于onBlur，它意味着当用户离开该字段时，它将询问元素的当前值是否为空，如果为真，那么它将把该值更改为“Username”。

HTML事件监听器，例如onBlur和onFocus，将使用JavaScript函数，在触发相应的操作时激活该函数。在HTML元素上，这是指元素本身，而this.value是输入元素的值。当用户离开该字段时，onBlur属性将触发，if语句将检查该字段是否为空，如果为空，则将其设置为Username。另一方面，onFocus正好相反，当用户输入字段并清除该字段时触发，如果该值已经是Username

事实上，如果可能的话，我建议不要这样做，而是用placeholder=Username来代替它，这实际上也是一样的

阅读有关HTML事件的更多信息，或。我还建议更多地研究HTML和JavaScript。

在html5中，占位符属性可以在内部更好地实现这一点。因此，由于当前大多数浏览器都支持html5，您只需在元素中添加placeholder=Username，并删除问题中的代码即可。除非您的目标浏览器不支持它。