在⽹页中插⼊JavaScript代码
使⽤<script>标签,可以把JavaScript源代码直接放到⽹页⽂档中。
【⽰例1】启动Dreamweaver,新建HTML⽂档并保存为test.html。然后在<head>标签内插⼊<script>标签,在<script>标签中输⼊代
码“<h1>Hello,World</h1>”
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <script>
7 document.write("<h1>Hello,World</h1>");
8 </script>
9 </head>
10 <body>
11 </body>
12 </html>
<script>和</script>标签混合使⽤,作为脚本语⾔的标识符来分隔其他源代码,避免与HTML标签和CSS样式代码混淆。在解析⽹页源代码时,浏览器检索到<script>标签时,会⾃动调⽤JavaScript引擎对其中包含的⽀付信息进⾏解释处理。
document是JavaScript在浏览器中定义的⼀个对象,它表⽰HTML⽂档内容。write()是document对象的⼀个⽅法,它表⽰在⽹页⽂档中输出指定的参数内容。
拓展:⼀般来说,JavaScript代码可以被镶嵌到⽹页中任何位置,如<head>标签的顶部,<head>和</head>标签之间,<body>标签内部,甚⾄<html>或</html>标签的外部,浏览器都能正确解析。
每个⽹页都可以包含多个<script>标签,每个<script>标签包含的代码被称为JavaScript脚本块。⼀般建议把相同或相近功能的代码放在⼀个脚本快中,适当时可以把通⽤脚本模块放在单独的JavaScript⽂件中,或者把他们封装为⼀个独⽴的对象,⽅便调⽤。
【⽰例2】
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
怎么编辑网页源代码5 <title></title>
6 <script>
7// 公⽤函数
8function hello(user){
9return"<h1>hello," + user + "</h1>";//输出参数值
10 }
11 </script>
12 </head>
13 <script>
14var user = "world";//全局变量象初始化
15 </script>
16 <body>
17 <script>
18 document.write(hello(user));//程序执⾏代码
19 </script>
20 </body>
21 </html>
上述所有的JavaScript代码都可以写在⼀起,包含在⼀个<script>标签中。但对于页⾯内的JavaScript脚本来说,各种公共函数和变量应该放在<head>和</head>之间,将页⾯加载期间执⾏的代码、DOM对象初始化以及DOM相关的全局引⽤赋值操作放在<body>和</body>标签之间,如果没有特殊要求,可以放在</body>标签前⾯。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论