javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > html嵌入javascript

html嵌入javascript代码的三种方式

作者:微扬嘴角

本文详细介绍了html嵌入javascript代码的三种主要方式:脚本块的方式、引入外部独立的.js文件、事件句柄是以html标签的属性存在的,有感兴趣了解的同学可以借鉴阅读

一、概念

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标签;

到此这篇关于html嵌入javascript代码的三种方式的文章就介绍到这了,更多相关html嵌入javascript内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文