JavaScript语法入门
浏览器中使用JavaScript
在浏览器html文档中任何位置,用<script></script>包裹的地方都可写JavaScript代码。
例子:
<!DOCTYPE HTML>
<html>
<body>
<p>script 标签之前...</p>
<script>
alert('Hello, world!');
</script>
<p>...script 标签之后</p>
</body>
</html>
结果:
外部脚本引入的方式
在JavaScript代码量大的情况下,可以通过外部脚本引入当前html文件。
引入语法:
<script src="/path1/path2/script.js"></script>
注意:
绝对路径写法:/path1/path2/script.js,从网站根目录开始的。
相对路径的写法:src ="script.js",从当前路径开始,相对是指相对于当前路径。
完整的URL地址作为路径:
<script src="https://www.abc.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
一次引入多个路径的写法:
<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>
…
两种引入JavaScript脚本方式的异同
1. 一般来说,只有最简单的脚本才嵌入到 HTML 中。更复杂的脚本存放在单独的文件中。
2. 使用独立文件的好处是浏览器会下载它,然后将它保存到浏览器的 缓存 中,节省流量,提高加载速度。
3. 如果设置了 src 特性,script 标签内容将会被忽略。一个单独的 <script> 标签不能同时有 src 特性和内部包裹的代码。
关于第三点的解决方式:
<script src="file.js">
alert(1); // 此内容会被忽略,因为设定了 src
</script>
改成两个:
<script src="file.js"></script>
<script>
alert(1);
</script>