JavaScript(3)

发布时间 2023-12-25 00:00:09作者: cssassqss

1.在 JavaScript 中,分号是可选的 。由于 return 是一个完整的语句,所以 JavaScript 将关闭 return 语句。不用对 return 语句进行断行。

2.使用名字来作为索引的数组称为关联数组(或哈希)。

JavaScript 不支持使用名字来索引数组,只允许使用数字索引。

3.在 JavaScript 中, null 用于对象, undefined 用于变量,属性和方法。

对象只有被定义才有可能为 null,否则为 undefined。

如果我们想测试对象是否存在,在对象还没定义时将会抛出一个错误。

if (typeof myObj !== "undefined" && myObj !== null)

4.在ES6中提出了 let 的概念,使用 let 声明的变量将具有 作用域 的限制,

5.当"提交"按钮被点击时,依然会执行submitFun()函数,在submitFun()函数中,我们对表单输入框进行了空验证,如果为空,提示输入并return false,这样表单就不会提交(上面已经说到:当该事件触发的函数中返回false时,表单就不会被提交)。 同时,这里要注意οnsubmit="return submitFun(this);",不能掉了return,否则表单永远会提交。

onsubmit 事件会在表单中的确认按钮被点击时发生。当该事件触发的函数中返回false时,表单就不会被提交。

6.HTML 表单验证也可以通过浏览器来自动完成。如果表单字段 (fname) 的值为空, required 属性会阻止表单提交:

7.服务端数据验证是在数据提交到服务器上后再验证。客户端数据验证是在数据发送到服务器前,在浏览器上完成验证。

8.HTML5 新增了 HTML 表单的验证方式:约束验证(constraint validation)。约束验证是表单被提交时浏览器用来实现验证的一种算法。

9.<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">

姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

10.DOM 是英文Document Object Model的缩写,即文档对象模型。它是一种跨平台的、独立于编程语言的API,它把HTML、XHTML或XML文档当作一个树结构,而每个节点视为一个对象,这些对象可以被编程语言操作,进而改变文档的结构,映射到文档的显示。简单来说,DOM就是我们为了方便编程语言对HTML等文档进行操作,所以啊,把HTML文档中的节点全部视为一个个的对象,然后这些对象依照层级关系形成一棵树,这棵树就命名为DOM树。有了对象,编程就方便多了,只要一层层拿到对象就可以优雅地改变对象的属性进而动态地改变HTML等文档的展示。

11.

(3)HTML中的节点

  • 根节点:<html>元素
  • 元素节点:所有HTML元素,比如body、title
  • 属性节点:所有HTML属性,比如align、id
  • 文本节点:插入到HTML元素中的文本,比如<a>text</a>
  • 注释节点:HTML文档中的注释,比如<!--notes-->

12.可以看到,如果福特的流水线在上个世纪极大地促进了汽车工厂的生产效率,那么API至少也起到了同样的作用:它让专人可以专心做专业的事情,而其它人写程序时,可以直接使用别人提供的API服务。API的好处就在于,它让程序员之间可以轻松分工。而分工之后,你只要管好你的业务就可以,任何复杂的不在你领域内的业务,都可以找到对应的API或服务,直接调用即可。程序之间的接口。API有点类似于被存储起来的功能包。

13.

setCustomValidity()

设置 input 元素的 validationMessage 属性,用于自定义错误提示信息的方法。

使用 setCustomValidity 设置了自定义提示后,validity.customError 就会变成 true,checkValidity 总是会返回 false。如果要重新判断需要取消自定义提示,方式如下:

setCustomValidity('') 
setCustomValidity(null) 
setCustomValidity(undefined)

14.软件工程追求的目标之一就是可维护性,可维护性主要表现在3个方面:可理解性、可测试性和可修改性。面向对象的好处之一就是显著的改善了软件系统的可维护性。

15.面向对象语言中 this 表示当前对象的一个引用。在函数中,函数的所属者默认绑定到 this 上。

16.在 JavaScript 中函数也是对象,对象则有方法,apply 和 call 就是函数对象的方法。这两个方法异常强大,他们允许切换函数执行的上下文环境(context),即 this 绑定的对象。

17. a、以函数的形式调用时,this 永远都是 window b、以方法的形式调用时,this 就是调用方法的那个对象

18.全局变量在 JavaScript 程序的任何地方都可以访问。