<script></script>
说明: 用于在html页面中插入js的主要方法
| 属性名称 | 属性说明 |
| src | 表示包含要执行代码的外部文件,常用来引用外部的js文件 |
| type | 表示代码使用的脚本语言的内容类型 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript快速使用</title> </head> <body> 刷新 -> 弹窗 <script type="text/javascript"> alert(‘欢迎来到JavaScript世界!‘); </script> </body> </html>
注意事项:
1. 如果你想弹出一个</script>标签的字符串,内部js会误解成Js代码的结束,可通过+连接分解</script>将字符串分为两个部分,但是外部引用的js是无需加号拼接的
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript快速使用</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>JavaScript快速使用</title> </head> <body> 刷新 -> 弹窗 <script type="text/javascript" src="js/main.js"></script> </body> </html>
注意: 引用外部Js代码的<script></script>内部是不允许有其它的Js代码出现的,常规会把<script></script>标签存放在<head></head>之间,但有时也会放在<body></body>之间
3. 对于不支持JavaScript平稳的处理方式是通过<noscript></noscript>实现?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript快速使用</title> <noscript>此网站必须启用JavaScript支持!</noscript> </head> <body> 刷新 -> 弹窗 <script type="text/javascript" src="js/main.js"></script> </body> </html>
本文出自 “ζ自动化运维开发之路ζ” 博客，请务必保留此出处http://xmdevops.blog.51cto.com/11144840/1846116
时间： 2024-11-06 05:25:49