JavaScript引入方式

有些话、适合烂在心里 提交于 2020-08-11 17:57:11

写在行内

<input type="button" value="按钮" onclick="alert('Hello World')" />

写在script标签中

<head>
  <script type="text/javascript">
    alert('Hello World!');
  </script>
</head>

注意:

type属性不是必须的,如果没有指定该属性,则其默认值仍为 text/javascript

记住在JavaScript代码中任何地方都不要在代码中出现"</script>"字符,因为当浏览器遇到"</script>"标签时就会认为那是结束标签,通过转义字符"\"解决这个问题例如 </script>

script的位置:传统的做法是把所有的<script>元素都放在<head>元素中,这样的做法目的就是把所有的外部文件css和JavaScript文件的引用都放在相同的地方,可是在文档<head>中包含所有的文件,意味着JavaScript代码都被下载,解析完成以后,才能开始呈现页面内容,对于要执行很多JavaScript代码的网页来说,这样无疑会导致浏览器在呈现页面时出现延迟期间的浏览器窗口将是一片空白, ,为了比年这个问题,现代web应用程序一般都会把JavaScript引用放在<body>元素中页面内容的后面 </body>的前面

写在外部js文件中,在页面引入

<script src="main.js"></script>

main.js文件

alert('Hello World!');

注意:

引用外部js文件的 script 标签中不可以再写JavaScript代码,即使写了也不会执行,没有作用

如果是在xhtml文档中,引用外部js可以省略</script>,但是不能再html中使用这种语法

<script>元素的src属性和img元素非常相似,都可以指向完整的url.例:

https://static.oschina.net/new-osc/js/utils/semantic-ui/semantic.min.js?t=1585021363000

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!