第2章 使用JavaScript

本章对使用JavaScript进行介绍。本章的主题有:

1. 创建一张HTML页面
2. script标签解析
3. JS代码嵌入的一些问题

1.创建一张HTML页面
虽然现在很多教材开始使用html5来讲解JavaScript。但我认为这样可能比较超前,对于JavaScript初学者来说,选择比较普遍而稳定的xhtml.x来创建一张页面。
很多时候,你可能无法记住xhtml.x过渡性的标准格式。这个时候,建议打开Dreamweaver或者某一张网页源代码来获取。页面创建好后,编写一个最简单的JavaScript脚本。
ps:注意页面的编码格式及文件存储的编码。一个简洁页面html代码如下:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用JavaScript</title>
</head>
 <body>
 <script type="text/javascript">
 alert("欢迎来到JavaScript世界!");
 </script>

 欢迎来到JavaScript世界!
 </body>
</html>

代码在火狐游览器中运行的效果如下:
这里写图片描述
点击“确定”按钮后的效果如下:
这里写图片描述

2.script标签解释
这组标签,是用于在html页面中插入js的主要方法。它主要有以下几个属性:
(1)charset:可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它,所以很少人使用。
(2)defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持,所以很少使用。
(3)language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以现在不用了。
(4)src:可选。表示包含要执行代码的外部文件。
(5)type:必选。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。范例:type="text/javascript"

3.JS代码嵌入的一些问题
(1)如果你想弹出一个标签的字符串,那么浏览器会无解成JS代码已经结束了。解决的方法,就是把字符串分为两个部分,通过连接符’+’来连接。
标签未显示,而显示内容为”);欢迎来到JavaScript世界!

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

这里写图片描述
标签显示,通过连接符’+’来连接

 <script type="text/javascript">
 alert("</scri"+"pt>");
 </script>

这里写图片描述
(2)一般来说,JS代码越来越多的时候,我们最好把它另存为一个.js文件,通过src引入即可。它还具有维护性高(一次更新,多处调用)、可缓存(加载一次、无需加载)、方便未来扩展的特点。

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

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

 <script type="text/javascript" src="demo.js">alert("我执行不到!")</script>

ps:一般情况下,我们会把

 <script type="text/javascript">
<!--
 alert("欢迎来到JavaScript世界!");
 -->
 </script>

当浏览器没有启动JavaScript或者禁用JavaScript,平稳退化不支持JavaScript处理:

 <noscript>
    您没有启用JavaScript!
</noscript>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值