JavaScript学习之JavaScript简介
JavaScript是广泛应用于Web开发中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入HTML页面中，把静态页面转变成支持用户交互并响应相应事件的动态页面。
JavaScript的起源
JavaScript的前身是LiveScript。由美国Netscape（网景）公司的布瑞登 · 艾克（Brendan Eich）为即将在1995年发布的Navigator 2.0浏览器的应用而开发的脚本语言。
在微软进入浏览器市场后，有三种不同的JavaScript版本同时存在。历经一系列事件后，TC39委员会制定了“ECMAScript程序语言规范书”，又称为“ECMA-262标准”，该标准通过国际标准化组织（ISO）采纳通过，作为各种浏览器生产开发所使用的脚本程序的统一标准。
JavaScript的主要特点
解释性
JavaScript不同于一些编译型的程序语言，如C/C++等，JavaScript是一种解释性的程序语言，它的源代码不需要经过编译，可以直接在浏览器中运行时被解释。
基于对象
JavaScript是一种基于对象的语言。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自脚本环境中对象的方法与脚本的相互作用。
事件驱动
JavaScript可以直接对用户或客户输入做出响应，无需经过Web服务程序。对用户响应是以事件驱动的方式进行的。所谓事件驱动，就是指在网页中执行了某种操作所产生的动作，此动作称为”事件“。如按下鼠标、滚动窗口、选择菜单等等都可以视为事件。当事件发生后，可能会引起相应的事件响应。
跨平台
JavaScript依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。
安全性
JavaScript是一种安全性语言。这个安全性随着技术发展也是相对而言，每一种语言都宣称自己具有安全性。
JavaScript的应用
验证用户输入的内容
动画效果
窗口的应用
文字特效
一些软件的脚本功能开发，如AI和Ps的脚本开发
JavaScript在HTML中的使用
通常情况下，在Web页面中使用JavaScript有以下三种方法：
1.在页面中直接嵌入JavaScript代码
在HTML文档中使用<script>...</script>标记将JavaScript嵌入到其中。一个HTML文档中可以嵌入多个<script>标记。每个<script>标记里可以包含多个JavaScript代码集合，并且各个<script>标记中的JavaScript代码之间可以互相访问，与将所有JavaScript代码放在一对<script>...</script>标记中的效果相同。
| <script>标记中常用的属性及说明 | |
|---|---|
| 属性 | 说明 |
| language | 设置所使用的脚本语言及版本 |
| src | 设置一个外部脚本文件的路径位置 |
| type | 设置所使用的脚本语言，此属性已替代language属性 |
| defer | 此属性表示当HTML文档加载完毕后再执行脚本语言 |
language属性
language属性指定在HTML文档中使用的脚本语言及版本。其格式如下：
<script language="javascript1.5">
说明：如果不定义language属性，浏览器默认脚本语言为JavaScript1.0版本。
src属性
src属性用来指定外部脚本文件的路径，外部脚本文件通常使用JavaScript脚本，其后缀名为.js。src属性的使用格式如下：
<script src="base.js">type属性
type属性用来指定HTML文档中使用的脚本语言及版本，自HTML4.0标准开始，推荐使用type属性来代替language属性。type属性的使用格式如下：
<script type="text/javascript">defer属性
defer属性的作用是当HTML文档加载完毕之后再执行脚本，当脚本语言不需要立即执行时，设置defer属性后，浏览器不会等待JavaScript脚本的加载，这样页面加载会更快。但当JavaScript脚本需要在页面加载过程中或加载完后立即执行时，则不需要使用defer属性。defer属性的格式如下：
<script defer>编写第一个JavaScript：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第一个JavaScript程序</title>
</head>
<body>
<script type="text/javascript">
document.write("我喜欢JavaScript，它是一门非常强大的语言");
</script>
</body>
</html>上面的代码会在浏览器页面显示如下效果：
<script>可以放置在<head></head>标记中，也可以放在<body></body>标记中。上面代码中的document.write是JavaScript语句。其作用是在浏览器中输出括号内的内容。
2.链接外部JavaScript文件/引入外部JavaScript文件
在网页中引入JavaScript的另一种方法是采用链接外部JavaScript文件的形式。如果JavaScript代码比较复杂或是同一段代码可以被多个页面使用，则可以将这些代码放在一个单独的文件中，然后在需要使用该代码的页面中链接该JavaScript文件即可。
在HTML页面中链接外部JavaScript文件的语法格式如下：
<script type="text/javascript" src="1.js"></script>注意项：
（1）在使用外部JavaScript文件中，不能将代码用<script>和</script>标记括起来。
（2）在使用src属性引入外部JavaScript文件时，<script>和</script>标记中不能包含其他JavaScript代码。
（3）在<script>标记中使用src属性引入外部JavaScript文件时，结束标记</script>不能省略。
3.将JavaScript作为特定标记的属性值使用
在JavaScript代码中，有些JavaScript代码可能需要立即执行，而有些JavaScript代码可能需要单击某个超链接或者触发一些事件（如单击按钮）之后才执行。下面是一些JavaScript常用来作为标记属性值使用。
3.1通过"JavaScript:"调用
在HTML中，可以通过“JavaScript:”的方式来调用JavaScript的函数或方法，示例代码如下：
<a href="javacript:alert('您单击了这个超链接')">请单击这里</a>上述代码中通过使用“JavaScript:”调用了alert()方法，但该方法并不是浏览器解析到“JavaScript:”时就立即执行，而是在单击该超链接时才会执行。
3.2与事件结合
JavaScript可以支持很多事件，而事件可以影响用户的操作。比如单击鼠标左键、按下键盘或移动鼠标等。与事件结合，可以执行JavaScript的方法或函数。演示代码如下：
<input type="button" value="单击按钮" onclick="alert('您单击了这个按钮')"/>上述代码中，onclick是单击事件，意思是当单击对象时将会触发JavaScript的方法或函数。
JavaScript的基本语法
JavaScript作为一种脚本语言，其语法规则和其他语言既有相同之处也有不同之处。下面是JavaScript一些基本语法：
1.执行顺序
JavaScript程序按照在HTML中出现的顺序逐行执行。如果需要在整个HTML文件中执行(如函数、全局变量等)最好是将JavaScript放在<head></head>标记中。一些JavaScript代码不会被立即执行，只有当所在的函数被调用时，该代码才会被执行。
2.大小写敏感
JavaScript对字母大小写是敏感的，也就是说JavaScript是严格区分字母大小写。在输入JavaScript语言的关键字、函数名、变量以及其他标识符时，都必须采用正确的大小写形式。
3.空格与换行
在JavaScript中会忽略程序中的空格、换行和制表符，除非这些符合是字符串或正则表达式中的一部分。JavaScript中的换行有“断句”的意思，即换行能判断一个语句是否已经结束。
4.每行结尾的分号可有可无
与Java不同，JavaScript并不要求必须以英文分号作为语句的结束标记。如果语句的结束处没有分号，JavaScript会自动将该行代码的结尾作为语句的结尾。但最好的代码编写习惯是在每行代码的结尾处加上分号，这样可以保证每行代码的准确性。
5.注释
为程序添加注释可以起到以下两种作用：
（1）可以解释程序某些语句的作用和功能，使程序更易于理解，通常用于代码的解释说明。
（2）可以用注释来暂时屏蔽某些语句，使浏览器对其忽略，等需要时，再取消注释。通常用于代码的调试。
JavaScript提供了两种注释符合：“//”和“/*...*/”。//用于单行注释，/*...*/用于多行注释。
// 这是单行注释
/*这是多行注释的第一行
这是多行注释第二行
...
*/版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议，转载请保留链接: https://www.guanzhenzuo.com/programming/46.html
