这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要为大家分享了 javascript 基础语法学习笔记,帮助大家夯实 javascript 基础知识,感兴趣的小伙伴们可以参考一下
一、定义 javascript 是一门用来增强页面动态效果,实现页面与用户之间的实时、动态交互的脚本语言 (解释型编程语言)。javascript 由三部分组成: ECMA、DOM 和 BOM
[1]ECMAScript 由 ECMA-262 定义,提供核心语言功能(ECMA 是欧洲计算机制造商协会)
[2]DOM 文档对象模型,提供访问和操作网页内容的方法的接口
[3]BOM 浏览器对象模型,提供与浏览器交互的方法的接口
二、引入 引入 javascript 有两种办法: 在页面内嵌入 js 代码和引入外部文件
[1] 页面内嵌入
- <script>
- alert("My First JavaScript");
- </script>
[2] 引入外部 js 文件
[注意] 带有 src 属性的 <script> 元素不应该在其 <script> 标签之间再包含额外的 js 代码,如果包含了嵌入的代码,则只会下载并执行外部脚本,而忽略嵌入的代码
- <script src="myScript.js"></script>
<script>
无论哪种引入方法,都需要利用 <script> 标签。<script> 标签共用 6 个属性,其中 language 属性已经废弃
[1]src: 表示包含要执行代码的外部文件,该文件可以跨域
[2]charset: 可选,表示通过 src 属性指定的代码的字符集,大多数浏览器会忽略
[3]defer: 可选,表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本有效
[4]async: 可选,表示应该立即下载脚本,但不妨碍页面的其他操作。只对外部脚本有效
[5]type: 可选,是 language 的替代属性,表示编写代码使用的脚本语言的内容类型,也称为 MIME 类型。考虑到兼容,一般还是 text/javascript,若不指定,默认值也是 text/javascript
[6]language: 已废弃
async 和 defer
[1] 如果 async 和 defer 都不设置,浏览器会立即加载并执行指定的脚本
[2] 如果只设置 async,浏览器会异步下载脚本,不阻塞页面的其他操作
[注意] 异步脚本一定会在页面的 load 事件前执行
[3] 如果只设置 defer,脚本会被延迟到文档完全被解析和显示后再执行
<script src="test.js"defer></script>
注释注释可以提高代码可读性,帮助自己和别人阅读和理解 Javascript 代码,注释的内容不会在网页中显示,分为单行注释和多行注释两种
- //单行注释
- /*
- 多行注释
- */
忽略空格 JavaScript 会忽略多余的空格,可以向脚本添加空格,来提高其可读性
- //以下写法均正确
- var name="hello";
- var name ="hello";
- var name = "hello";
代码折行可以在文本字符串中使用反斜杠对代码行进行换行
- //正确
- document.write("Hello \
- World!");
- //错误
- document.write \
- ("Hello World!");
大小写敏感 JavaScript 的变量、函数名和操作符都区分大小写。函数 getElementById 与 getElementbyID 不同,同样,变量 myVariable 与 MyVariable 也是不同的
保留字和关键字 ECMA-262 描述了一组具有特定用途的关键字,这些关键字用于表示控制语句的开始或结束,或用于执行特定操作等;ECMA-262 还描述了另外一组不能用作标识符的保留字,它们将来有可能成为关键字。
- //第5版在非严格模式下的保留字
- Class | enum | extends | super | const | export | import
- //第5版在严格模式下的保留字
- Implements | package | public | interface | private | static | let* | protected | yield*
来源: http://www.phperz.com/article/17/0413/267779.html