在网页中插入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         // 公用函数
 8             function hello(user){
 9                 return"<h1>hello," + user + "</h1>";//输出参数值
10             }
11         </script>
12     </head>
13     <script>
14         var 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>标签前面。



免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM