JavaScript 基础学习（二）js 和 html 的结合方式

第一种

使用一个标签

<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 和 html 的结合方式

原文：https://www.cnblogs.com/Yee-Q/p/12315311.html