我们来看看如何写入 JS 代码? 你只需一步操作, 使用 < script > 标签在 html 网页中插入 JavaScript 代码. 注意, <script > 标签要成对出现, 并把 JavaScript 代码写在 < script></script > 之间. 尤其注意的是 < script type="text/javascript"> 表示在 < script></script > 之间的是文本类型 (text),JavaScript 是为了告诉浏览器里面的文本是属于 JavaScript 语言.
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- JavaScript 插入页面
- </title>
- <script type="text/javascript">
- document.write("hello javascript")
- </script>
- </head>
- <body>
- </body>
- </HTML>
JavaScript 代码只能写在 HTML 文件中吗? 当然不是, 我们可以把 HTML 文件和 JS 代码分开, 并单独创建一个 JavaScript 文件 (简称 JS 文件), 其文件后缀通常为. JS, 然后将 JS 代码直接写在 JS 文件中; 在 JS 文件中, 不需要 < script > 标签, 直接编写 JavaScript 代码就可以了. 当然这样一个 JS 文件不能直接运行, 就像 CSS 外部文件引入一样, 我们还需要需把 JS 文件嵌入到 HTML 文件中执行, 我们需在 HTML 中添加 < script src="js 文件路径" type="text/javascript" charset="utf-8"></script>, 就可将 JS 文件嵌入 HTML 文件中.
专门建立的学习 Q-q-u-n: 784783012 , 分享学习的方法和需要注意的小细节, 不停更新最新的教程和学习技巧
(从零基础开始到前端项目实战教程, 学习工具, 全栈开发学习路线以及规划)
- <!DOCTYPE HTML>
- <HTML lang="zh">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 <title>JavaScript 外部文件引入 </title>
- <script src="demo2.js" type="text/javascript" charset="utf-8"></script>
- </head>
- <body>
- </body>
- </HTML>
插入得 JS 文件书写
1 // 书写 JS 代码 2 document.write("我是 demo2 文件")
我们可以将 JavaScript 代码放在 HTML 文件中任何位置, 但是我们一般放在网页的 head 或者 body 部分.
放在 < head > 部分: 最常用的方式是在页面中 head 部分放置 < script > 元素, 浏览器解析 head 部分就会执行这个代码, 然后才解析页面的其余部分.
放在 < body > 部分: JavaScript 代码在网页读取到该语句的时候就会执行.
☆:JavaScript 作为一种脚本语言可以放在 HTML 页面中任何位置, 但是浏览器解释 HTML 时是按先后顺序的, 所以前面的 script 就先被执行. 比如进行页面显示初始化的 JS 必须放在 head 里面, 因为初始化都要求提前进行 (如给页面 body 设置 CSS 等); 而如果是通过事件调用执行的 function 那么对位置没什么要求的.
来源: http://www.jianshu.com/p/a2618eca675c