JavaScript 如何加入
JavaScript是通过<script>将JavaScript代码加入HTML页面的。
将JavaScript放入HTML页面
下面这个例子展示了如何加入一段JavaScript代码,这个JavaScript实现在Web页面上输出一段文本。
<html>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>
下面这个实例显示了如何将HTML标签加入到JavaScript中。
<html>
<body>
<script type="text/javascript">
document.write("<h1>Hello World!</h1>");
</script>
</body>
</html>
JavaScript实例解释
我们使用<script>标签将JavaScript插入HTML页面,在<script>标签里面我们使用type属性来定义脚本语言。
因此,<script type="text/javascript"> 和</script>告诉HTML解释器JavaScript代码在哪里开始和结束。
<html>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>
document.write命令是一个标准的JavaScript命令,它将写入的文本输出到页面中。
通过在<script> 和 </script>标签中加入输入document.write命令,浏览器就可以识别出它是一个JavaScript命令并执行此代码行。在下面的实例中浏览器将hello world!输出到页面!
<html>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>
注意:如果我们没有键入了<script>标签,浏览器就会将document.write("Hello World!")命令当作纯文本来处理,即在页面上显示了document.write("Hello World!")这整行,而不是显示Hello World!。
如何处理简单的浏览器
不支持JavaScript的浏览器将会把JavaScript代码当作页面内容来输出。
为了使不支持js的浏览器也能够比较美观地处理页面,同时作为JavaScript标准的一部分,我们可以使用HTML的注释标签来隐藏掉JavaScript代码。
我们只要在第一条JavaScript语句之前加入HTML的注释标记<!--,同时在JavaScript语句的最后加入注释结束标记-->就ok了,代码如下:
<html>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
</body>
</html>
在注释行的结尾处的两个斜杠(//)是JavaScript的注释符号。这样就可以防止JavaScript执行-->这个HTML的注释标记。