第九十七节,使用JavaScript


使用JavaScript

学习要点:

1.创建一张HTML页面

2.这组标签,是用于在html页面中插入js的主要方法。它主要有以下几个属性:

1.charset:可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它,所以很少有人用它。就是给js指定字符编码

  如:

 <script type="text/javascript" src="1.js" charset="UTF-8">script>

2.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持,故很少用。

3.language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。

4.src:可选。表示包含要执行代码的外部文件。

  如:

<script type="text/javascript" src="1.js" charset="UTF-8">script>

5.type:必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。

 

  在HTML文档里写范例:type="text/javascript"。

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript讲解title>
    <script type="text/javascript">
        alert('欢迎来到JavaScript世界!')
    script>
head>
<body>

body>
html>

三.JS代码嵌入的一些问题

如果你想弹出一个标签的字符串,那么浏览器会误解成JS代码已经结束了。解决的方法,就是把字符串分成两个部分,通过连接符‘+’来连接。

<script type="text/javascript">
    alert(''+'ipt>');
script>

一般来说,JS代码越来越庞大的时候,我们最好把他另存为一个.js文件,通过src引入即可。它还具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展的特点

<script type="text/javascript" src="demo1.js">script>

这样标签内就没有任何JS代码了。但,要注意的是,虽然没有任何代码,也不能用单标签:

<script type="text/javascript" src="demo1.js" />

也不能在里面添加任何代码:

<script type="text/javascript" src="demo1.js">alert('我很可怜,执行不到!')script>

按照常规,我们会把