常用属性:

属性名称属性说明
src表示包含要执行代码的外部文件,常用来引用外部的js文件
type表示代码使用的脚本语言的内容类型
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>]</title>
</head>
<body>
    <script type="text/javascript">
        alert('Hello Word!');
    </script>
</body>
</html>


注意事项:

1. 如果你想弹出一个</script>标签的字符串,内部js会误解成Js代码的结束,可通过+连接分解</script>将字符串分为两个部分,但是外部引用的js是无需加号拼接的

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
    <script type="text/javascript">
        alert('</scr' + 'ipt>');
    </script>
</body>
</html>

2. Js代码越来越庞大时,最好把它另存为一个.js文件,通过src来引用,这样具有维护性高,可缓存(加载一次,无需加载),方便未来扩展的特点

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>

3. 对于不支持JavaScript平稳的处理方式是通过<noscript></noscript>实现?

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<noscript>此网站必须启用JavaScript支持!</noscript>
</head>
<body>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>