1.直接将JavaScript代码嵌入HTML
提供一对<script></script>标签,将代码写入标签中。
属性 | 属性说明 |
---|---|
type | 设置所使用的脚本语言,默认是“text/javascript” |
src | 设置引入外部文件的路径位置,如“js/hello.js” |
defer | 表示在HTML文档全部加载完毕后在执行脚本文件 |
通常在HTNL中嵌入脚本的语法格式为:
<script type="text/javascript">
......
</script>
<script>标记可以放在<head></head>中,也可以放在<body></body>中。为了在网页加载时能够先解析JavaScript代码,通常一般将JavaScript代码放在<head>标签中。
2.链接外部的JavaScript
链接外部的JavaScript脚本文件是通过<script></script>标签中的“src”属性来实现的
- 建立一个JavaScript文件,文件的扩展名是.js,并且在单独建立的JavaScript文件时不需要添加<script></script>标签,直接写内容即可
- 将建立好的以.js为扩展名的文件保存到HTML文件相同的目录下
- 在HTML文件中使用<script>标签的“src”属性链接脚本文件
<script type="text/javascript" src="hello.js"></script>
3.直接在HTML标签中使用
(1)使用“javascript:”调用
在HTML代码中使用“javascript:”的方式来调用简单的JavaScript语句
(2)结合事件调用
JavaScript支持很多的事件,将JavaScript代码与事件结合,实现一些特效
<input type="button" vaule="显示helllo" onclick="javascript:alert('Welcome!');"/>