《HTML教程》-第4章 JavaScript基础_第1页
《HTML教程》-第4章 JavaScript基础_第2页
《HTML教程》-第4章 JavaScript基础_第3页
《HTML教程》-第4章 JavaScript基础_第4页
《HTML教程》-第4章 JavaScript基础_第5页
已阅读5页，还剩23页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

JavaScript简称JS，是BrendanEich于1995年发明的一处编程语言，1997年变为ECMA标准，于2015年六月正式更名为ECMAScript6。JavaScript是一种解释型的语言，也就是说JavaScript源程序没有必要经过编译、链接等步骤，直接由解释器逐条语句解释执行。JavaScript是一种流行的网页脚本编程语言。它虽然不是一种面向对象的语言，但仍然可以支持封装、继承和多态，是一种名副其实的“面向对象”的语言，而且还支持最新的“面向函数式”编程！JavaScript作为网页编程语言功能是十分强大的，它可以：★动态改变HTML网页的内容；

★动态改变HTML标记的属性；

★动态改变HTML的样式，即操作CSS；

★进行网页数据验证。JavaScript有一些重要的特征，必须掌握。

◆一种动态类型的语言。也就意味着相同的变量可以存放不同类型的数据。

◆一种大小写敏感的语言。即同样的大写字母和小写字母认为是不同的字母，如Name和name是两个不同的名字。

◆采用UTF-8编码字符集。UTF-8编码可以兼容世界上任何国家的语言，并向后兼容ASCII编码，是Web应用通用字符集。还有一点需要注意，那就是浏览器对于JavaScript的支持并不完全一致，也就是说同样的JS程序在不同的浏览器中得到的结果未必完全相同。实际应用中，要多选择几种浏览器进行测试，以保证程序的兼容性。下面先来介绍如何编写JavaScript程序。4.1如何编写JavaScript程序

JS程序有两种编写方式：一种是内嵌式JavaScript程序，即嵌入在网页中的JS程序；另一种是独立的JavaScript程序，这类程序保存在以js为扩展名的文件中。4.1.1内嵌式JS程序

嵌入网页中的JS程序书写在script标记内部。script标记是一个普通的HTML标记，与其他标记没有任何区别，只不过它表示内部是可以执行的JavaScript程序，而不是其他别的东西。script标记用法如下：<scripttype=”text/javascript”src=”引用的js文件”> //编写javascript程序</script>关于script标记应掌握以下内容：◆type属性指定script内容的MIME类型，是可选属性。◆src属性用于指定要使用的js文件，是可选属性。◆script标记可以出现在网页中的任意位置，但将<script>标记放置在<head>标记中是一种良好的习惯。下面我们通过JavaScript版的HelloWorld来说明这种JS程序的编写与运行方法。打开Notepad++，输入清单4-1所示的代码。清单4-1内嵌式JS程序<scripttype="text/javascript"> document.write("<h1>HelloWorld!</h1>");</script>其中script是JS程序标记，document为JavaScript表示文档的对象，write方法用于在文档中输出指定的内容。输出的内容包含文本和HTML标记，如输出内容中的<h1>标记。把文件保存为html文件，双击或右键选择Chrome浏览器（也可以使用其他浏览器）打开。运行效果如下：4.1.2独立的JS文件

根据“内容、样式和动作相分离”的原则，应该把JS程序与使用它的网页分开存放，也就是独立的JS文件。这种方式在实际开发中用的最多。在书中的例子为了操作简单起见，基本都是采用了内嵌式的JS程序，但注意这并不代表它就是一种好的实践方法。这种方式是把JS程序写在独立的js文件中，注意在js文件中是不需要script标记的，直接编写JS代码就可以，再由script标记的src属性引用。HelloWorld的独立JS程序编写过程如下：在Notepad++中新建一个文件，输入以下内容：document.write("<h1>HelloWorld!</h1>");并保存为Listing4-1.js。然后将清单4-1中的代码修改如下：<scripttype="text/javascript"src="../js/Listing4-1.js"></script>然后保存html文件，重新打开或者刷新网页，看到和4.1.1节相同的效果：4.2JavaScript词汇JavaScript词汇是组成JavaScript程序的基本元素，主要包括：注释、字面量、标识符和保留字。4.2.1注释

JavaScript注释有两种：单行注释和多行注释。单行注释以//开头，多行注释以/*和*/分隔。注意，多行注释不能嵌套，嵌套就会发生错误。注释示例如下：//这是JavaScript单行注释

/*这是JavaScript多行注释*//**这也是JavaScript多行注释。*//*/*这样写JavaScript注释是不对的！*/*/4.2.2字面量

在计算机科学中，字面量（literal）是用于表达源代码中一个固定值的表示法（notation）。几乎所有计算机编程语言都具有对基本值的字面量表示，诸如：整数、浮点数以及字符串[17]。JavaScript支持以下字面量：2//整数2.5//浮点数2.3e3（即2.3×103）或2.3e-3（2.3×10-3）//浮点数（科学计数法）“string”或‘string’//字符串true或false//布尔值（注意没有引号）{x:1,y:2}//对象[1,2,3,4,5]//数组4.2.3标识符和保留字

标识符就是一个名字，可以命名变量、符号常量、函数、对象和数组等等。标识符应遵守以下约定：◆必须以字母、下划线(_)和$符号开头；

◆后续可以是字母、数字、下划线和$符号；

◆标记识不能是JavaScript的关键字或保留字（见下面）。下面是一些合法的标识符：My $frame my_first _query _123如果标识符由多个单词组合而成，则应使用驼峰命名法，即除第一个单词的首字母外，其他单词的首字母均大写，如myFirst searchWordJavaScript中包含一些具有特殊意义的单词称为关键字。还有一些关键字虽然未在当前版本的JavaScript中使用，但仍保留准备将来使用，这类关键字称为保留字。关键字和保留字均不能作为标识符使用。JavaScript的关键字和保留字如下[19]：关键字：breakdeletefunctionreturntypeofcasedoifswitchvarcatchelseinthisvoidcontinuefalseinstanceofthrowwhiledebuggerfinallynewtruewithdefaultfornulltry

保留字：以下单词作为严格模式下的保留字，也不推荐用作标识符[19]：classconstenumexportextendsimportsuper

implementsletprivatepublicyieldinterfacepackageprotectedstatic

此外，JavaScript还预定义了一些全局变量和函数，这些名字也不应该作为你的标识符[19]：argumentsencodeURIInfinityNumberRegExpArrayencodeURIComponentisFiniteObjectStringBooleanErrorisNaNparseFloatSyntaxErrorDateevalJSONparseIntTypeErrordecodeURIEvalErrorMathRangeErrorundefineddecodeURIComponentFunctionNaNReferenceErrorURIError

总之，一句话凡是JavaScript中出现的预定义的变量名、函数名、对象名等等，都不要用作自己的标识符就可以了。4.2.4奇怪的分号

分号（;）在很多编程语言中，比如C、Java中作为语句分隔符，也就是作为一条语句的结束。在JavaScript中也是如此，不过J

人人文库> 全部分类> 教育资料 > 作文作品

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论