重新开始javascript(一)基本认识

什么是JavaScript

• 是世界上用的最多的脚本语言。- - 解释型语言
  脚本语言：不需要编译，直接运行时边解析边执行的语言。
• 是客户端脚步语言。
• 一种网页编程技术，用来向HTML页面添加交互行为。
• 一种基于对象和事件驱动的解释性脚本语言，直接嵌入HTML页面，由浏览器解释执行代码，不进行预编译。

JavaScript发展史

• JavaScript的正式名称是“ECMAScript”，此标准由ECMA组织发展和维护
• ECMA-262是正式的JavaScript标准
  此标准基于JavaScript(Netscape)和JScript(Microsoft)
• 网景公司在Netscape2.0首先推出了JavaScript
• 微软公司从IE3.0开始提供对客户端JavaScript的支持，并另取名为JScript

JavaScript的特点

• 可以使用任何文本编辑工具编写，只需要浏览器就可以执行程序
• 解释执行：事先不编译，逐行执行
• 基于对象：内置大量现成对象
• 适宜：
  
  1. 客户端数据计算
  2. 客户端表单合法性验证
  3. 浏览器事件的触发
  4. 网页特殊显示效果制作

JavaScript最初的目的

判断客户端的输入。
- 对于网页的请求响应，不能都在服务器端进行判断，现在客户端做处理。
- 注意：不能把所有的判断都放在js上，因为浏览器可以禁用javascript。

JavaScript现在延伸

• 页面特效
• 异步和服务器交互（ajax）
• 服务器开发（nodejs）
• 移动端的开发（网页和app）
• 网页小游戏

JavaScript的组成

• ECMAScript ：javascipt的语法规范
• DOM ：操作网页元素的API
• BOM : 操作浏览器部分的功能的API

script标签

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

如需在HTML页面中插入JavaScript，请使用<script>标签。

<script>和</script>会告诉JavaScript在何处开始和结束。

否则不会执行你所写的js脚本。

标签的属性：

• src: 引入文件
• type: 规定语言类型
• async: 是否异步
• sync: 同步
  
  • 同步：一个人按照顺序依次处理事情。
  • 异步：多人同时执行各个任务。
• defer:异步
  
  • 与async的区别：defer等页面加载完成后才执行。async是js获取到就执行。

JavaScript 输出

• JavaScript没有任何打印或者输出的函数。
• JavaScript可以通过不同的方式来输出数据：
  
  • 使用window.alert()弹出警告框。(弹框)
  • 使用document.write()方法将内容写到HTML文档中。(生成页面)
  • 使用innerHTML写入到HTML元素。(生成页面)
  • 使用console.log()写入到浏览器的控制台(控制台输出：F12)

1.
<script>
alert("Hello World");
</script>
2.
<script>
document.write("<h1>第一天</h1>");
</script>
3.
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>
4.
<script>
console.log(1);
</script>

---

补充

网页内容

• HTML 提供网页内容的显示
• css 美化网页
• javascipt 控制网页行为

对于标签javascript

1. <script type="text/javascript" ></script>

2. <script  language="javascript" ></script>

说明二者没有什么不同，language和type 都表示指定脚本语言为javascript(ie默认脚本语言不是javascript)，在浏览器上解释都会出现相同的效果，都可以进行使用，正规的标准写法是

<script language="javascript" type="text/javascript"></script>

。然而，language这个属性在W3C的HTML标准中，已不再推荐使用。所以以后在编写的时候尽量少使用或者不使用language这个属性。