JavaScript语法入门

浏览器中使用JavaScript

在浏览器html文档中任何位置,用<script></script>包裹的地方都可写JavaScript代码。

例子:

<!DOCTYPE HTML>

<html>

<body>

  <p>script 标签之前...</p>

  <script>

    alert('Hello, world!');

  </script>

  <p>...script 标签之后</p>

</body>

</html>

 

结果:

JavaScript语法入门一_当前路径

JavaScript语法入门一_HTML_02

外部脚本引入的方式

在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>