因特网技术基础_第1页
因特网技术基础_第2页
因特网技术基础_第3页
因特网技术基础_第4页
因特网技术基础_第5页
已阅读5页，还剩52页未读， 继续免费阅读

下载本文档

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

文档简介

关于因特网技术基础第一页，共五十七页，2022年，8月28日4.1、网页的两种基本模式1、动态网页与静态网页动态网页与静态网页之间的主要区别在于：动态网页含有服务器端脚本，因而只能在Web服务器上运行，而静态网页因为不含服务器端脚本，无需Web服务器支持，只需浏览器支持即可运行。动态网页运行在服务器端，返回HTML页面，运行机制:⑴用户通过浏览器向Web服务器请求(.asp)文件；⑵Web服务器接受请求，根据扩展名.asp识别出asp文件；⑶Web服务器将asp文件转给一个类似于发动引擎的动态链接库文件ASP.dll；⑷ASP.dll将请求的文件从头到尾进行解释处理，并根据ASP文件的脚本命令生成相应的html页面；⑸Html页面被发送给客户端浏览器并显示。第二页，共五十七页，2022年，8月28日2、ASP技术含义简单地说，ASP是微软的IIS（InternetInformationServer，因特网信息服务）提供的一种基于服务器的脚本运行环境，也可以称为一种解决方案，它包括三层含义：1）使用了微软的技术（ActiveX）来编程开发的；2）运行在服务器端（Server），无需担心客户端浏览器是否支持ASP的编程语言；3）返回标准的HTML页面（Pages）。脚本是指一段能够完成某些特殊功能的程序段。编写脚本的语言称为脚本语言，脚本语言是介于HTML语言和VisualBasic、Java等高级语言之间的一种语言。它更接近高级语言，但却比高级语言简单易学，当然也没有高级语言的功能那么强大。微软公司为ASP开发提供了两种标准的脚本语言：VBScript和JavaScript，系统的默认脚本语言为VBScript语言。由此可见，ASP本身并不是什么程序设计语言，也不是什么开发工具、编辑软件，它只是为嵌入Html页面中的脚本提供了运行环境。第三页，共五十七页，2022年，8月28日静态网页的执行过程：第四页，共五十七页，2022年，8月28日动态网页的执行过程：第五页，共五十七页，2022年，8月28日例子：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>动态网页与静态网页</title></head><scriptlanguage="JavaScript">document.write("<h1>"+"今天是："+Date()+"</H1>");</script><%response.Write"<h1>"&"今天是："&now()&"</H1>"%><body></body></html>第六页，共五十七页，2022年，8月28日3、客户端脚本与服务器端脚本服务器端脚本：在<%%>之间在<script>标记的属性中，加RUNAT=“Server”客户端脚本：插入<script>标记中，没有属性RUNAT=“Server”第七页，共五十七页，2022年，8月28日1JavaScript的语法特性(1)JavaScript的字母区分大小写的；(2)JavaScript语句一般以分号（;）作为结束符；(3)JavaScript的注释符号包括多行注释符/*和*/和单行注释符号//；(4)分支结构、循环结构、自定义函数等程序段包含多条语句时称为语句块，应该置于一对大括号内{}内；4.2JavaScript脚本语法结构第八页，共五十七页，2022年，8月28日

JavaScript脚本的嵌入位置和运行方式都比较自由，既可以直接嵌入当前文档，又可以独立存放在外部文件中，运行方式既可以直接运行，也可以根据需要伴随事件运行。其基本格式如下：（1）．直接嵌入，直接运行。通过<script>……</script>标记对直接嵌入在当前文件中。<SCRIPTLANGUAGE="JavaScript">//JavaScript代码</SCRIPT>（2）．外部引入，直接运行。将JavaScript程序以扩展名“.js”的文件单独存放，再利用<script>标记的src属性引入外部文件，其语法格式如下：<scriptLANGUAGE="JavaScript">src=”*.js”></script>2JavaScript脚本运行方式第九页，共五十七页，2022年，8月28日（3）．直接嵌入，事件触发。通过事件触发方式执行JavaScript的方法或函数主要有两种：一种是在HTML标记的属性中设置JavaScript的事件处理函数，事件被视为HTML标记的属性。如下格式所示：

<inputtype=textname="Text1"value="鼠标点击"onclick="javascript:alert('鼠标已点击文本框!')">第十页，共五十七页，2022年，8月28日 JavaScript语言是一种弱类型的脚本语言，数据类型通常分为六种：⑴数值型：即Number，由0~9的数字字符，正负号，小数点组成，如2.6、3.14等等。⑵逻辑型：即Boolean，只包括true（真）和false（假）两个值，在JavaScript中，整数0约定为false，非0整数约定为true。⑶字符型：即String，是用单引号或双引号定界的字符串序列，字符包括英文、汉字、空格或数字。4.3JavaScript数据类型第十一页，共五十七页，2022年，8月28日⑷对象型：即Object，对象是方法和属性的集合体。⑸未定型：即Undefined，一个已经声明但还没有赋值的变量，或者表示一个对象的属性根本不存在。⑹空值型：即Null，表示变量没有值或不是一个对象，即什么也不是。4.3JavaScript数据类型第十二页，共五十七页，2022年，8月28日根据数据类型的不同，常量可分为:数值型常量字符型常量逻辑型常量转义字符4.4JavaScript常量第十三页，共五十七页，2022年，8月28日

对变量的声明未作强制性规定。可以不声明，而直接赋值使用；也可以先声明，后赋值使用，声明的同时还可以赋值。声明多个变量时，变量名之间用逗号（,）隔开。

JavaScript用var命令声明变量，并且无须指明数据类型，其数据类型由变量值的类型决定的，变量命名必须以字母（大小写均可）、下划线(_)或美元符($)开头，变量名称不能使用Javascript语法保留的关键字。4.5JavaScript变量第十四页，共五十七页，2022年，8月28日

JavaScript脚本提供了极其丰富的运算符，包括赋值、条件、算术、字符连接、关系、逻辑和位运算符。4.6JavaScript运算符第十五页，共五十七页，2022年，8月28日1、赋值运算符第十六页，共五十七页，2022年，8月28日2、算术运算符第十七页，共五十七页，2022年，8月28日3、比较运算符第十八页，共五十七页，2022年，8月28日4、逻辑运算符第十九页，共五十七页，2022年，8月28日5、位运算符第二十页，共五十七页，2022年，8月28日6、其它运算符位第二十一页，共五十七页，2022年，8月28日if(条件表达式){语句序列1}else{语句序列2}4.7分支结构第二十二页，共五十七页，2022年，8月28日if(条件语句1){语句序列1}elseif(条件语句2){语句序列2}elseif(条件语句3){语句序列3}……else{语句序列n}4.7分支结构第二十三页，共五十七页，2022年，8月28日Switch(变量或表达式){case值1:语句序列1;break;case值2:语句序列2;break;……case值n:语句序列n;break;default:语句序列n+1;break;}4.7分支结构第二十四页，共五十七页，2022年，8月28日while(条件){语句序列}4.8循环结构第二十五页，共五十七页，2022年，8月28日for(<初值表达式>;<条件表达式>;<步长表达式>){语句序列}4.8循环结构第二十六页，共五十七页，2022年，8月28日：for(<属性>in<对象>){语句序列}4.8循环结构第二十七页，共五十七页，2022年，8月28日默认情况下，循环语句将进行无休止地循环执行，除非循环条件表达式的值为假。如想提前中断或跳过循环，需在句块中添加break或continue语句就可以了。break语句中断所有循环，而continue语句则跳过本次循环的剩余语句，然后开始下一次循环。4.9break和continue语句第二十八页，共五十七页，2022年，8月28日函数定义函数的调用变量的作用域函数对象定义4.10function函数第二十九页，共五十七页，2022年，8月28日function语句主要用来定义静态函数，当然也可以定义函数对象，定义静态函数的语法结构如下：function函数名(形参1,形参2…){局部变量定义函数执行部分[return[表达式]]}函数定义第三十页，共五十七页，2022年，8月28日JavaScript语言的典型特性就是对象，一切皆对象，甚至连数据，数据类型等等都可以当作对象。将变量和相关处理函数封装成对象，每个对象都有自己的属性和方法。属性可以访问对象的数据，方法主要用来处理数据的函数。JavaScript支持4种对象：内置对象、自定义对象、浏览器对象和ActiveX对象。JavaScript提供了11种内置对象，其中常用内置对象如图所示。4.11JavaScript内置对象第三十一页，共五十七页，2022年，8月28日在JavaScript中，内置对象一般不能直接使用，需要使用new命令创建该对象的实例，然后通过对象实例间接使用该对象及其属性和方法。JavaScript对象可以视为一个数组，对象属性就是数组的元素，所以也可以使用数组索引序号或者索引名（属性名）的方式访问对象属性，具体引用有下列三种方式：⑴使用点（.）运算符university.Name="安徽省"⑵通过下标实现引用university[0]="安徽省"⑶通过字符串的形式实现university["Name"]="安徽省"第三十二页，共五十七页，2022年，8月28日格式：var对象实例名=newString("字符串");说明：建立字符串对象，使用时注意以下几点：⑴关键字new和String可同时省略，省略关键字时，隐性建立一个string对象，可以使用string对象的方法；⑵String对象提供了一个属性，即length，用来返回字符串的长度，其用法为：对象实例名.length；4.12String对象第三十三页，共五十七页，2022年，8月28日String对象的定义可以通过两种方法创建一个字符串对象。str1="hello";str2=newString("hello");String对象的方法第一类是关于字符串的运算。

（1）charAt(位置)（2）indexOf(子字符串,起始索引)（3）substring（起始索引,结束索引）

（4）toLowerCase()（5）toUpperCase()第二类是关于字符串的显示处理。第三十四页，共五十七页，2022年，8月28日charAt()方法可返回指定位置的字符。indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。substring()方法用于提取字符串中介于两个指定下标之间的字符。toLowerCase()方法用于把字符串转换为小写。toUpperCase()方法用于把字符串转换为大写。第三十五页，共五十七页，2022年，8月28日⑶String对象提供了一组方法，用于对字符串的处理⑷JavaScript采用Unicode编码，1个汉字和1个西文字符都是算一个字符。⑸String对象还提供了一些格式字符方法⑹使用时注意方法名、关键字的大小写。第三十六页，共五十七页，2022年，8月28日格式：var数组名=newArray([数组大小|数组元素列表]);说明：建立数组对象，使用时注意以下几点：⑴数组对象提供了一个属性，即length，用于取得数组的元素个数；⑵数组大小具有自动扩展机制，可以指定数组的大小，也可以不指定数组的大小；⑶通过索引下标可以引用数组元素，下标起始值从0开始计数；4.13Array对象第三十七页，共五十七页，2022年，8月28日⑷数组中的各元素值的类型可以各不相同；⑸建立数组对象时，也可同时指定数组元素的值；⑹关键字new和Array可同时省略，省略关键字时，需将数组元素列表放在一个方括号中，多元素之间用逗号隔开；⑺不能直接建立二维或多维数组对象，不过数组元素的内容可以是数组对象，从而间接建立多维数组；4.13Array对象第三十八页，共五十七页，2022年，8月28日4.14、鼠标与键盘事件第三十九页，共五十七页，2022年，8月28日Window对象Document对象History对象Navigator对象Location对象Link对象Screen对象External对象窗体验证4.15浏览器对象第四十页，共五十七页，2022年，8月28日JavaScript将浏览器本身，网页以及网页的HTML元素等都用相应的对象来表示，这些对象及对象之间的层次关系统称为DOM（DocumentObjectModel，文档对象模型—又称为浏览器对象），浏览器对象是一个上下包含关系的层次结构的对象模型，上层包含很多下层子对象，上下对象之间是一种从属关系。在这种从属关系结构模型中，Window（窗口）对象是浏览器对象层次结构中最高层，所有其他对象都可以视为Window对象的属性。浏览器对象模型如图所示。1

浏览器对象第四十一页，共五十七页，2022年，8月28日window（窗口）对象是浏览器对象层次结构中最高层，window对象代表浏览器的整个窗口。每个窗口都是window对象的实例，引用实例可以通过以下名称表示：⑴window或self：表示当前窗口；⑵top：代表最顶层窗口；⑶parent：代表当前窗口的父窗口；⑷opener：由open打开的窗口。⑸各从属对象可采用如下方式进行访问：window.子对象1.子对象2.属性名或方法名2Window对象第四十二页，共五十七页，2022年，8月28日1)．window对象的方法如图所示：2)．window对象的属性⑴name属性：用于指定窗口的名称，可以使用a标记的target属性指定窗口的名称，也可以使用open方法打开一个指定名称的新窗口。⑵defaultstatus属性：用于设置或读取浏览器窗口状态栏中的默认显示信息。例如，可以在window对象的onload事件过程中编写以下语句：<bodyonload="window.defaultStatus='欢迎您光临本站点！'"language="JavaScript">⑶status属性：用于设置或读取浏览器窗口状态栏中显示的临时信息。例如，可以在某张图片的onmouseover事件过程中编写以下代码：window.status="这是一张图片。"⑷screenLeft属性：传回左边界的坐标。⑸screenTop属性：传回上边界的坐标

2Window对象第四十三页，共五十七页，2022年，8月28日2Window对象第四十四页，共五十七页，2022年，8月28日document对象表示在浏览器窗口或其中一个框架中显示的HTML文档，通过该对象的属性和方法可以控制页面的外观和内容。1).document对象方法writewriteln:输出getElementById()：可返回对拥有指定ID的第一个对象的引用。

getElementsByName()：可返回带有指定名称的对象的集合

2).document对象属性3).Document下的对象如：Document.form13Document对象第四十五页，共五十七页，2022年，8月28日Document对象的属性(1)LinkColor属性：用来设置或返回文档中超链接的颜色。(2)aLinkColor属性：用来设置或返回文档中活动链接的颜色。(3)vLinkColor属性：用来设置或返回已经访问过的超链接的颜色。(4)bgColor属性：用来设置或返回文档的背景颜色。(5)fgColor属性：用来设置或返回文档中文本的颜色。(6)Anchor属性：这是一个对象属性，用来表示文档中的锚点。(7)Title属性：用来返回当前文档的标题，在运行期间不能改变。(8)Location属性：用来设置或返回文档的URL。(9)Link属性：这是一个对象属性，用来表示文档中的超链接。(10)LastModified属性：返回当前文档的最后修改日期。(11)Referrer属性：用于返回链接到当前页面的那个页面的URL。第四十六页，共五十七页，2022年，8月28日history对象包含用户已经浏览过的url集合，提供了浏览器的导航按钮功能，可以通过文档的历史记录来浏览文档。history对象拥有以下主要属性和方法。⑴length属性：返回历史记录表中的url数目。⑵back方法：从历史记录表中返回上一页。⑶forward方法：从历史记录表中返回下一页。⑷go(num)方法：在历史记录表中跳转到指定的页，num小于0为上一页，反之下一页。4History对象第四十七页，共五十七页，2022年，8月28日navigator对象是存储浏览器信息的对象，该对象没有提供方法，只提供了属性，书写注意大小写。常见属性如图所示

5Navigator对象第四十八页，共五十七页，2022年，8月28日location对象包含当前url的信息，常见属性如图所示。location对象只有2个方法，即reload方法和replace(url)，前者用于重新加载当前文档，后者用于转向到指定的URL网址，功能上类似于href属性。6Location对象第四十九页，共五十七页，2022年，8月28日link对象表示文档中的超链接，通过该对象的一些属性可以得到链接目标。link对象的基本属性是length，它返回文档中链接的数目。每个链接都是links数组中的一个元素，可以通过索引值来访问。例如，第一个链接是links(0)，第二个链接是links(1)，最后一个链接是links(links.length-1)。7Link对象第五十页，共五十七页，2022年，8月28日获取屏幕的相关信息，screen对象常见属性如表图所示

8Screen对象第五十一页，共五十七页，2022年，8月28日

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论