JavaScript 基础学习(二)js 和 html 的结合方式

时间:2022-09-30 01:43:09

第一种

使用一个标签

<script type="text/javascript">  js代码; </script>

第二种

使用 script 标签,引入一个外部的 js 文件

需要创建一个js文件写js代码

<script type="text/javascript" src="1.js"></script>

使用第二种方式时候,不需要在script标签里面写js代码

第三种:

与HTML标签中属性结合

<button onclick="alter("hhh")"></button>
<a href="javascript:alter('hhh');">hhh<a/>

注意事项

script标签用于引入外部文件,就不能再编写其他script代码了,即使编写了也无法执行

如果需要编写,需再创建一个新的script标签进行编写

script标签放在的位置

建议把script标签放到 后面。比如现在有这样一个需求:在js里面需要获取到input里面的值,如果把script标签放到head里面会出现问题。html解析是从上到下解析的,script标签放到的是

head里面,直接在里面取input里面的值,。因为页面还没有解析到input那一行,肯定取不到。script代码解析从上到下

下一站:Javascript 基础学习(三)js 的原始类型和声明变量