当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 如何插入js,引用外部js,js在页面中的位置

如何插入js,引用外部js,js在页面中的位置

2020年03月11日  | 移动技术网IT编程  | 我要评论

我们来看看如何写入js代码？你只需一步操作,使用<script>标签在html网页中插入javascript代码。注意， <script>标签要成对出现，并把javascript代码写在<script></script>之间。尤其注意的是<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于javascript语言。

 1 <!doctype html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>javascript插入页面</title>
 6         <script type="text/javascript">
 7             document.write("hello javascript")
 8         </script>
 9     </head>
10     <body>
11     </body>
12 </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文件中。

 1 <!doctype html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="utf-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <meta http-equiv="x-ua-compatible" content="ie=edge">
 7     <title>javascript外部文件引入</title>
 8     <script src="demo2.js" type="text/javascript" charset="utf-8"></script>
 9 </head>
10 <body>
11 </body>
12 </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那么对位置没什么要求的。=>这里就可以解释“t”中的<script type="text/javascript">{document.write("试一试了，说不定可以的");document.getelementbyid("box2").style.background="red";}</script>的js为什么放置在head标签内，文件会报错

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网