JavaScript

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的注释标记。

JavaScript简介 JavaScript简介  JavaScript代码放置JavaScript代码放置 JavaScript代码放置