三、JavaScript的基本结构与使用方式

一、基本结构

注：当使用CSS样式的时候，使用的是style标签。这里使用的是script标签。同时style标签要写在html文件的头部，但是这个script标签写在任何地方都可以。type属性也可以省略。

二、使用方式

2.1内嵌式使用方式

示例：

运行结果：

image.png

结果分析：JavaScript在输出标签的时候，经过咱们的浏览器解释，可以以原来html标签的含义输出到浏览器界面上。

2.2外联式使用方式

示例代码：
html文件：

js文件：

document.write("hello js");
document.write("
hello 脚本语言
");

运行结果：

image.png

可以看到，这种方式也是可以运行出来的，但是存在中文乱码。

2.3中文乱码解决方案

就是因为你这个网页，这个html文件和js文件这两个文件的编码格式不一样：html文件的编码格式是UTF-8，js文件的编码格式是jbk或者jb-2312，所以导致出现了乱码。

第一种解决方案

File-Setting-Editor-File Encoding-Project Encoding改为UTF-8
这样再新建js文件的时候就是UTF-8的格式了。

第二种解决方案

也可以直接在script标签里面加一个charset属性，值设为GB2312。
示例代码：

2.4js在标签中的使用

示例代码：

运行结果：

image.png

分析：这上面这段代码的input标签中，当点击的时候，会弹出一个框。其中使用onclick属性（终于把前面的按钮给圆上了），其值为一个javascript操作。在这个示例中，alert始终弹出一个对话框， 单引号里面的东西是对话框的内容。

2.5总结

image.png

三、JavaScript的执行原理

image.png