前端知识点总结(个人向)

一.onsubmit 事件

onsubmit 事件在提交表单时发生。

在 HTML 中:

<element onsubmit="myScript">

在 JavaScript 中:

object.onsubmit = function(){myScript};

在 JavaScript 中,使用 addEventListener() 方法:

object.addEventListener("submit", myScript);

注释:Internet Explorer 8 或更早的版本不支持 。

onsubmit 事件返回 fasle,表单的元素就不会提交。如果该函数返回其他值或什么都没有返回,则表单会被提交。

二.this关键字的总结

1.在方法中,this指的是所有者对象。

在对象方法中,this指的是此方法的“拥有者”。 this代表person对象

var person = {
            firstName:"Bill",
            lastName:"Gates",
            id:678,
            fullName:function(){
                return this.firstName + " " + this.lastName;
            }
        };

2.单独的情况下,this指的是全局对象。

(1)在单独使用时,拥有者是全局对象,this指的是全局对象 在浏览器窗口中,全局对象是[object Window]:

(2)在严格模式中,如果单独使用,那么this指的是全局对象[object Window]:

3.在函数中,this指的是全局对象。

在js函数中,函数的拥有者默认绑定this. 因此,在函数中,this指的是全局对象[object Window]

4.在函数中,严格模式下,this指的是undefined。

js严格模式不允许默认绑定,因此,在函数中使用时,在严格模式下,this是未定义的undefined

5.在事件中,this指的是接收事件的元素

this指的是html元素,如下面例子中,this指的是button

<button onclick = "this.style.display=none">
     点击来删除我!
</button>
经验分享 程序员 微信小程序 职场和发展