欢迎来到天天文库
浏览记录
ID:40336347
大小:541.50 KB
页数:32页
时间:2019-07-31
《网站规划建设与安全管理 尹强飞 第4章 JavaScript动态网页制作基础》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第4章JavaScript动态网页制作基础文档对象模型DOM4.1JavaScript程序设计基础4.2在网页中使用JavaScript4.3JavaScript在网页中应用的案例分析4.4在开发动态网页的时候经常需要在页面中制作出特殊的效果,比如在文本框中输入日期时只要弹出日期控件让我们去选择即可,另外经常在首页看到有今天是星期几,现在是什么时间等信息。在页面中增加了这些信息使得页面更具有吸引力。这正是开发者通过在页面中添加JavaScript代码来实现的。4.1文档对象模型DOM文档对象模型(Doc
2、umentObjectModel,DOM)是用于表示HTML元素以及Web浏览器信息的一个模型,它使脚本能够访问Web页上的信息及其他特殊信息。对于不同的脚本语言,通常都具有一个DOM的子集,以便用户在特定的脚本语言中实现对象模型。对于每一个页面,浏览器都会自动创建window对象、document对象、location对象、navigator对象、history对象。而基于这个层次结构,还可以创建其他对象。例如,如果在页面中有一个表单对象(名称为myform),那么在引用myform对象时,就可以使用
3、window.document.myform。在这里可以看出,document对象是window对象的属性,而如果页面中存在form对象,那么,form对也是document对象的属性。1.document的对象属性1)alinkColor、vlinkColor、bgColor、gfColor和linkColor属性这些属性是页面的颜色设置。bgColor是页面的背景颜色,fgColor是页面的前景颜色(也就是文本颜色),linkColor是超链接的颜色,alinkColor是鼠标单击中的超链接的颜色,
4、vlinkColor是已经访问过的的超链接的颜色,这些属性和(BODY)标签中定义的各种属性相对应。2)title属性Title属性中存储的是页面的标题,也就是在
5、2)Open()和Close()方法Open()方法的功能就是打开一个新文档,而Close()方法的功能就是关闭前文档。4.2JavaScript程序设计基础4.2.1JavaScript的特点及其基本格式1.JavaScript特点JavaScript是一种脚本语言,脚本语言是指在web浏览器内由解释器解释执行的编程语言。每次执行的时候解释器都会把程序代码翻译成可执行的格式。使用脚本语言编写的程序都是在脚本引擎装载HTML页面时解释执行,脚本引擎是一个解释器,它是web浏览器的一部分,一个包含翻译脚本
6、的脚本引擎的Web浏览器称为脚本宿主,例如:InternetExplorer和Navigator都是JavaScript程度的脚本宿主。JavaScript是一种解释语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户端由浏览器解释执行,它是由上而下地执行。这种语言的弱点是容错性较差,如果不条不执行不了,那么下面的语言也无法执行,而且由于一条一条的解释,速度较慢。JavaScript对大小写是敏感的,这意味着大小写字母相应的小写字母是不同的。4.2.2JavaScript的
7、数据类型字符串、数值和布尔型是JavaScript的三种基本数据类型,数组和对象是复合数据类型。本节只介绍三种基本数据类型和数组。1.字符串型一个字符串值是排在一起的一串字母、数字和标点符号,简单地说字符串就是文本。字符串中的字母、数字和标点符号放在一对匹配的单引号或双引号中。varx='welcometochina.';vary="welcometochina-2008";这段代码输出的结果是:welcometochina.welcometochina-20082.数值型JavaScript的数值型分
8、整数型和浮点型两种。整数型是不带小数点的,可以是十进制数,八进制数或十六进制数。但是大多数的数字是用十进制表示的。十进制数可以使用科学计数法来表示。浮点数是带小数点的数字,浮点数也可以用科学计数法表示。3.布尔型布尔数据型只有两个值,即true和false,用于表示一个状态的有较性。布尔类型变量的值为true说明该状态为真,值为false说明该状态为假。4.数组数组代表了一组被排列的变量,这些变量被称做元素。可以将数组看做是一组从0开始标识
此文档下载收益归作者所有