JavaScript与HTML的结合方法详解

　　HTML中的JavaScript脚本必须位于<script>与</script>标签之间，JavaScript脚本可被放置在HTML页面的<body>标签和<head>标签中，这种视情况而定，一般放在<head>标签内。

　　一、<script>标签

　　如需在HTML页面中插入JavaScript脚本，请使用<script>标签。<script>和</script>会告诉JavaScript在何处开始

　　和结束。<script>和</script>之间的代码行包含了JavaScript：

　　<spanstyle="font-size:18px;"><scripttype="text/javascript">

　　alert("欢迎来到JavaScript世界！！！");

　　</script></span>

　　您无需理解上面的代码。只需明白，浏览器会解释并执行位于<script>和</script>之间的JavaScript。那些老

　　旧的实例可能会在<script>标签中使用type="text/javascript"。现在已经不必这样做了。JavaScript是所有现代浏览器

　　以及HTML5中的默认脚本语言。鉴于刚刚学习JavaScript语言的可以使用！

　　二、<body>中的JavaScript

　　在本例中，JavaScript会在页面加载时向HTML的<body>写文本：

　　实例代码：

　　<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　<htmlxmlns="http://www.w3.org/1999/xhtml">

　　<head>

　　<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>

　　<title>JavaScript脚本语言</title>

　　</head>

　　<body>

　　<p>

　　JavaScript能够直接写入HTML输出流中：

　　</p>

　　<scripttype="text/javascript">

　　document.write("<h1>Thisisaheading</h1>");

　　document.write("<p>Thisisaparagraph.</p>");

　　</script>

　　<p>

　　您只能在HTML输出流中使用<strong>document.write</strong>。

　　如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。

　　</p>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h55097.shtml