javascript：html嵌入javascript代码的三种方式

一、概念
javascript是运行在浏览器中的脚本语言，运行在浏览器的内存当中，不需要程序员手动编译，编写玩源代码之后，浏览器直接打开解释执行，简称JS。

二、html嵌入javascript代码的三种方式
JS是一门事件驱动型的编程语言，依靠事件去驱动，然后执行对应的程序。
例如：在JS中有很多事件，其中有一个事件叫做：鼠标单击，click，并且任何事件都会对应一个事件句柄onclick。
1.事件句柄是以html标签的属性存在的。
在按钮标签中设置onclick属性值，则点击按钮发生click事件后，注册在onclick后面的js代码会被浏览器自动调用。
示例如下：


解释：（1）在JS中有一个内置的对象window,代表浏览器对象（窗口），window对象有一个函数alert，用法是window.alert(“消息”)，点击按钮后弹出带有消息的窗口，"window."可以省略不写直接写alert语句；
（2）java字符串可以使用双引号，也可以使用单引号；
（3）JS的一条语句结束之后可以使用分号也可以不用。

（4）window.alert()语句在显示窗口时并没有执行完，点击确认窗口消失后才执行完（alert有阻塞当前页面加载的作用）。

2.脚本块的方式

在body标记中嵌入script标记，JS代码写在script标记中。此时的代码在页面打开时执行，并且遵循自上而下的顺序依次执行，即代码的执行不需要事件。javascipt的脚本块可以有多个，可以出现在任意位置。javascript可以有//开头的单行注释和/**/包含的多行注释。
示例如下：

效果如下：

刷新页面后一直在加载页面，也没有显示input标记，点击确定后页面加载完毕：

3.引入外部独立的.js文件
.js文件内容与脚本块的方式中script标记中的内容一致。代码也会按照顺序自上而下地执行。同一个.js文件可以被引入多次。
引入方式，在body 标记中加script标签：

注意不能写成：

• « 上一篇：架子鼓
• » 下一篇：python11