在⽹页中插⼊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小时内删除。