第 2 章 使用 JavaScript

学习要点:

1、创建一张 HTML 页面

2、<Script>标签解析

3、JS 代码嵌入的一些问题

使用 JavaScript

 

一、 创建一张 HTML 页面

虽然现在很多教材开始使用 html5 来讲解 JavaScript 课程。但我认为这样可能比较超前 ,对于 JavaScript 初学者,我们还是用比较普及和稳定的 xhtml1.x 来创建一张页面。

 

很多时候,你无法记住 xhtml1.x 过渡性的标准格式。这个时候,建议打开 Dreamweaver来获取。页面创建好后,编写一个最简单的 JavaScript 脚本(简称 JS 脚本)。

 

注意网页的编码格式及文件存储的编码。

 

二、 <Script> 标签解析

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

 

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

 

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

 

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

 

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

 

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

范例:type="text/javascript"。

  1. <script type="text/javascript">
  2. alert('欢迎来到 JavaScript 世界!');
  3. </script>

 

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

如果你想弹出一个</script>标签的字符串,那么浏览器会误解成 JS 代码已经结束了。

解决的方法,就是把字符串分成两个部分,通过连接符‘+’来连接。

  1. <script type="text/javascript">
  2. alert('</scr'+'ipt>');
  3. </script>

 

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

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

 

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

  1. <script type="text/javascript" src="demo2.js" />;

 

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

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

 

  1. 按照常规,我们会把<script>标签存放到<head>...</head>之间。但有时也会放在 body 之间。
  2. 不再需要提供注释,以前为了让不支持 JavaScript 浏览器能够屏蔽掉<script>内部的代
  3. 码,我们习惯在代码的前后用 html 注释掉,现在已经不需要了。

 

  1. <script type="text/javascript">
  2. <!--
  3. alert('欢迎!');
  4. -->
  5. </script>

 

  1. 平稳退化不支持 JavaScript 处理:<nosciprt>

 

  1. <noscript>
  2. 您没有启用 JavaScript
  3. </noscript>
    A+
发布日期:2017年03月20日 15:35:05  所属分类:JavaScrip教程
最后更新时间:2017-03-20 15:35:05
评分: (当前没有评级)
付杰
Microsoft 全家桶 “激活码/产品密钥”永久
Microsoft 全家桶 “激活码/产品密钥”永久
  • ¥ 29.99元
  • 市场价:888元
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
  • ¥ 1999.9元
  • 市场价:20000元
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
  • ¥ 99.9元
  • 市场价:299元
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
  • ¥ 1.0元
  • 市场价:9.9元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: