JavaScript是一种高级编程语言，主要为HTML页面添加交互。它包含ECMAScript（语言核心）、DOM（文档对象模型）和BOM（浏览器对象模型）。JavaScript可以在HTML中以行内式、内嵌式（<script>标签）或外部式（独立js文件）书写。行内式不推荐用于大量代码，内嵌式和外部式更利于代码管理和结构分离。
JavaScript是一种高级的，解释型的编程语言，主要用于来向HTML页面添加交互行为；JavaScript还可以直接嵌入HTML页面，但写成单独的js文件更有利于结构和行为的分离。
1，ECMAScript：JavaScript的核心，描述了语言的基本和数据类型，ECMAScript是一套标准，定义了一种语言是什么样子。
2，文档对象模型（DOM）：DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。请考虑下面的 HTML 页面：
1 <html>
<head>
<title>sample page</title>
</head>
<body>
<P>hello world！</P>
</body>
</html/>3,浏览器对象模型（BOM）对浏览器窗口进行访问和操作。例如弹出新的浏览器窗口，移动、改变和关闭浏览器窗口，提供详细的网络浏览器信息（navigator object），详细的页面信息（location object），详细的用户屏幕分辨率的信息（screen object），对cookies的支持等等。BOM作为JavaScript的一部分并没有相关标准的支持，每一个浏览器都有自己的实现，虽然有一些非事实的标准，但还是给开发者带来一定的麻烦。
2. JavaScript的三种书写方式
在网页中编写JavaScript代码时，有3种书写位置，分别是行内式、内嵌式(也称为嵌人式)和外部式(也称为外链式)，
1 行内式：行内式是指将单行或少量的JavaScript代码写在HTML标签的事件属性中
①注意单引号和双引号的使用。在HTML中推荐使用双引号，而JavaScript推荐使用单引号。
②行内式可读性较差，尤其是在HTML中编写大量JavaScript代码时，不方便阅读。
③在遇到多层引号嵌套的情况时，非常容易混淆，导致代码出错。
④只有临时测试，或者特殊情况下再使用行内式，一般情况下不推荐使用行内式。
行内式的缺点如下：
可读性较差，尤其是在HTML 中编写大量JavaScript代码时，不方便阅读。
在遇到多层引号嵌套的情况时，引号非常容易混淆，导致代码出错。
嵌入式：也称为内嵌式，使用<script>标签包裹JavaScript代码，直接编写到HTML文件中，通常将其放到<head>标签或<body>标签中。<script>标签的type属性用于告知浏览器脚本类型，HTML5中该属性的默认值为"text/JavaScript"，因此在使用HTML5时可以省略type属性。
内嵌式(嵌入式)
内嵌式是指使用
下面我们通过具体操作步骤进行演示。
(1)创建demo02.html，用来编写内嵌式JavaScript代码，示例代码如下。
<head>
......
<script>
alert('内嵌式');
</script>
</head>在上述代码中，第4行是一条JavaScript语句，其末尾的分号“;” 表示该语句结束，后面可以编写下一条语句。
(2)通过浏览器访问demo02.html，页面一打开后，就会自动弹出一个警告框，提示信息为“内嵌式”。
3.外部式(外链式)
外部式是指将JavaScript代码写在一个单独的文件中，一 般使用"js"作为文件的扩展名，在HTML页面中使用
(1)创建demo03.html, 用来编写外部式JavaScript代码，示例代码如下。
<head>
<script src="test.js"></script>
</head>(2)创建test.js文件，在文件中编写JavaScript代码，如下所示。
alert('外部式');
(3)通过浏览器访问demo03.html，页面一打开后，就会自动弹出一个警告框，提示信息为“外部式
扫一扫
537
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
