标签:
1、第一种是在HTML里嵌入:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>高3</title> </head> <body> <h1>HTML里使用javaScript</h1> <script> alert("hello world!"); </script> </body> </html>
运行此代码会弹出显示hello world!的对话框。
2、外部引入javaScript:
HTML代码:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>高3</title> </head> <body> <h1>HTML里使用javaScript</h1> <script src="lesson1.js"></script> <!-- 这里引用了外部文件,文件名为lesson1.js --> </body> </html>
lesson1.js代码:
alert("hello world!");
<script>标签有好几个参数,如下:
async和defer的区别:这两个都是延迟执行脚本,也就是页面加载完后执行脚本,但是如果外部引用多个脚本的话,defer会按照引用顺序执行,async就不能保证了。
目前推荐的是放在</body>之前,其实随意放在哪都可以,为什么放在页面最后呢?是主要因为两个原因:
一、放在head里的话,浏览器的内容会在全部JavaScript代码都被下载、解析、执行完成以后,才开始呈现页面内容(浏览器碰到body标签才开始展示内容)。如果代码很多,会花一定时间来进行前边的各种操作,进而导致浏览器有空白期。(外部脚本可以通过上边的defer,async属性解决)
二、DOM找不到的问题,有些在初始化里操作DOM,但是实际DOM浏览器还没解析出来,会导致报错。
浏览器不支持脚本或者禁用脚本的时候,<noscript></noscript>标签里的内容会被显示出来。
<noscript>
您的浏览器不支持javaScript
</noscript>
标签:
原文地址:http://www.cnblogs.com/jingubang/p/4618659.html