JavaScript-JavaScript概述及简单使用

什么是

javascript 的特点

javascript 的核心

使用

创建一张 html 页面

script标签解析

js 代码嵌入的一些问题

完整实例

javascript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。

因为它不需要在一个语言环境下运 行，而只需要支持它的浏览器即可。它的主要目的是，验证发往服务器端的数据、增加 web 互动、加强用户体验度等.

松散性

javascript 语言核心与 c、c++、java 相似，比如条件判断、循环、运算符等。但它 却是一种松散类型的语言，也就是说，它的变量不必具有一个明确的类型。

对象属性

javascript 中的对象把属性名映射为任意的属性值。它的这种方式很像哈希表或关联数组，而不像 c 中的结构体或者 c++、java 中的对象。

继承机制

javascript 中的面向对象继承机制是基于原型的，这和另外一种不太为人所知的 self语言很像，而和 c++以及 java 中的继承大不相同。

虽然 javascript 和 ecmascript 通常被人们用来表达相同的含义，但 javascript 的含义却比ecma-262中规定的要多得多。一个完整的javascript应该由下列三个不同的部分组成。

1.核心(ecmascript)

2.文档对象模型(dom)

3.浏览器对象模型(bom)

文档对象模型 (dom)

文档对象模型(dom，document object model)是针对 xml 但经过扩展用于 html的应用程序编程接口(api，application programming interface)

浏览器对象模型 (bom)

访问和操作浏览器窗口的浏览器对象模型(bom，browser object model)。开发人员使用 bom可以控制浏览器显示页面以外的部分。而 bom 真正与众不同的地方(也是经常会导致问题的地方)，还是它作为 javascript实现的一部分，至今仍没有相关的标准。

<code>&lt;script&gt;xxx&lt;/script&gt;</code>这组标签，是用于在 html 页面中插入 js 的主要方法。

它主要有以下几个属性：

1.charset：可选。表示通过 src 属性指定的字符集。由于大多数浏览器忽略它，所以很少有人用它。

2.defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持，故很少用。

3.language：已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它，所以不要用了。

4.src：可选。表示包含要执行代码的外部文件。

5.type：必需。可以看作是 language 的替代品。表示代码使用的脚本语言的内容类型。

如果你想弹出一个<code>&lt;/script&gt;</code>标签的字符串，那么浏览器会误解成 js 代码已经结束了。 解决的方法，就是把字符串分成两个部分，通过连接符‘+’来连接

经验证，不拆分开也能识别。

一般来说，js 代码越来越庞大的时候，我们最好把它另存为一个.js 文件，通过 src 引入即可。它还具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展的特点。

这样标签内就没有任何 js 代码了。但要注意的是，虽然没有任何代码，也不能用单标签：

也不能在里面添加任何代码：

按照常规，我们会把<code>&lt;script&gt;</code>标签存放到<code>&lt;head&gt;...&lt;/head&gt;</code>之间。但有时也会放在 body 之间。

不再需要提供注释，以前为了让不支持 javascript 浏览器能够屏蔽掉<code>&lt;script&gt;</code>内部的代码，我们习惯在代码的前后用 html 注释掉，现在已经不需要了。

平稳退化不支持 javascript 处理：<code>&lt;nosciprt&gt;</code>

完整实例：

另外如果通过src引用另外的文件的话 (在同一个目录下)

修改

demo.js