2017-05-10
更新原文： http://www.cnblogs.com/daysme
在 html 中使用 js
把js代码写在 <script type="text/javascript"></script> 这样的标签即可。 type="text/javascript" 可以不写，要写就要写对。
在 html 中使用 js 弹出 1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
alert(1);
</script>
</body>
</html>
在 script 标签中使用 </script> 时会发生错误，因为浏览器会把他认为是结束标签。需要转义一下 </script>。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
alert('</script>'); // alert('</script>')
</script>
</body>
</html>
使用外部的 js 文件
使用 src 属性值添加 js 文件： <script src="name.js"></script> 。
- 当浏览器解析外面的 js 文件时，会暂停对当前页面的解析。
- 使用外部 js 文件时，标签内不能再写 js 代码。
- 只要没有 defer 和 async 属性，浏览器默认从上到下解析每个 script 标签。
js文件的使用位置
一般都是放在 head 标签中。但推荐放在 body 的最下面，避免加载 js 文件时页面没有解析导致页面空白。
不解析任意格式的文本
在 CData 中的内容不会被解析。
<script type="text/javascript">
//<![CDATA[
alert(1)
//]]>
</script>
建议把以外部文件使用 js
这样做有一些好处：
- 方便维护
- 可以被浏览器缓存，只下载一次