




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
浙江工业大学计算机学院赵小敏JavaWeb编程技术第一章Web应用概述1.HTML
HTML是英文HyperTextMarkupLanguage的缩写,含义为超文本标记语言它是一种用来制作超文本文档的简单标记语言。
它不是一种编程语言,是一种标记语言。HTML概述1.URLUniformResourceLocator叫做统一资源定位符命名Web页面和其他资源。2.URL的例如:://localhost:8080/bookstore/URL3.URL的组成:协议名称,ftp,news,mailto,file主机的DNS名或IP地址可选的端口号80,8080,1521资源的名称/index.html1.2.1理解HTTP协议
1.2.2HTTP请求结构1.2.3HTTP响应结构1.2HTTP根底1.HTTP协议HTTP〔HypertextTransferProtocol〕协议是一个基于请求-响应的无状态的协议。2.运行机制客户向效劳器发送一个对某种资源的HTTP请求效劳器返回对所需要的资源的HTTP响应理解HTTP协议图1.1HTTP请求响应示意图客户(浏览器)Web效劳器1.翻开连接2.HTTP请求3.HTTP响应4.关闭连接理解HTTP协议3.Internet中Web资源资源包括HTML文件、图像文件和servlet等。每个资源都通过唯一的统一资源标识符URI〔UniformResourceIdentifier〕标识。4.URI与URL比较URI:标识任何资源的字符串例如:zjut/xyw/index.jsp是一个URIURL:指定了如、ftp及mailto等Internet协议的URI称为URLURL是非正式的术语,因此不在技术标准中使用例如:是一个URLHTML文档的结构HTML语言的根本结构<HTML> <HEAD> 头部信息 </HEAD> <BODY> 正文局部 </BODY></HTML>文档的格式与风格设置<BODY>的属性段落格式化建立列表字符的格式化段落格式化标题标记格式:<H1>…</H1>,<H2>…</H2>…<H6>…</H6>功能:设置各种大小不同标题的标记段落标记格式:<P>…</P>功能:设置段落标记预定义格式标记格式:<PRE>…</PRE>功能:在浏览器中浏览时,按照文档中预先排好的形式显示内容标题标记例:<HTML><HEAD><TITLE>标题例如!</TITLE></HEAD><BODYtext="#0000ff"> <H1>helloworld!</H1> <H2>helloworld!</H2> <H3>helloworld!</H3> <H4>helloworld!</H4> <H5>helloworld!</H5> <H6>helloworld!</H6></BODY></HTML>段落格式化例:<HTML><HEAD><TITLE>标记的使用</TITLE></HEAD><BODY><!--注释本程序的功能是:制作简单网页熟悉根本标记的使用!--><Palign=center>三种标记的使用!</P><HR><DIValign=center>我在中间!<BR>中间</DIV><HR><DIValign=left>我在左边!<BR>左边</DIV><HR><DIValign=right>我在右边!<BR>右边</DIV><HR></BODY></HTML>段落格式化分区显示标记格式:<DIV>…</DIV>功能:分区显示标记换行标记格式:<BR>功能:强制换行水平线标记格式:<HR>功能:插入水平线标记注释标记格式:<!--注释内容-->功能:注释标记标记属性功能align=alignstyle设置对齐方式。alignstyle的取值为:left,right,centersize=size设置线条宽度(即高度)width=size设置线条长度color=colorvalue设置线条颜色,默认为黑色noshade设置线条是否有阴影字体设置标记格式:<FONT>…</FONT>功能:设置字体格式标记属性:可用于设置字体的大小、颜色、字型等字符的格式化标记属性功能size=size设置文字的大小face=fontstyle设置字体color=colorvalue设置文字的颜色例:<HTML><HEAD><TITLE>字符格式设置</TITLE></HEAD><BODY><CENTER><FONTface="隶书"size=7color="blue">我是<font>标记!</FONT><H1align=center>我是<h1>标记!</H1><U>我是<U>标记!</U><S>我是<S>标记!</S><B>我是<B>标记!</B><P><I>我是<I>标记!</I><BLINK>我是<BLINK>标记!</BLINK></BODY></HTML>建立表格定制表格制作表格格式:<TABLE>…</TABLE>功能:创立表格。属性:决定表格的整体外观建立表格表<TABLE>属性值标记属性功能border=size设置表格边框大小width=size设置表格的宽度height=size设置表格的高度cellspacing=size设置单元格间距cellpadding=size设置单元格的填充距background=URL设置表格背景图片bgcolor=colorvalue设置表格背景色align=alignstyle设置对齐方式cols=size设置表格的列数<TABLE>定义空表格,还需要定义行格式:<TR>…</TR>功能:定义表格的一行主要属性:定制表格标记属性功能bgcolor=colorvalue设置行背景颜色align=alignstyle设置行对齐方式valign=valignstyle设置单元格垂直对齐方式定制表格表格的每一行还需要定义单元格格式:<TD>…</TD>功能:定义表格的单元格主要属性:标记属性功能bgcolor=colorvalue设置单元格背景颜色rowspan=num设置单元格所占的行数colspan=num设置单元格所占的列数align=alignstyle设置对齐方式valign=valignstyle设置单元格垂直对齐方式width=size设置单元格宽度height=size设置单元格高度参加图像参加超级链接参加多媒体与超级链接插入图像标记:<IMG>属性:标记属性功能src=URL通过URL给出图像来源的位置,不可缺省width=size设置图像宽度height=size设置图像高度alt=txt设置在图像未载入前图片位置显示的文字border=size设置图像边框,缺省为0align=alignstyle对齐方式。取值:top,middle,bottom,left,righthspace=size设置图片左右边沿空白vspace=size设置图片上下边沿空白参加图像插入视频或Gif动画标记:<IMG>属性:标记属性功能dynsrc=URL设置多媒体来源位置loop=size设置视频播放的次数loopdelay=time设置两次播放的间隔时间start=value指定何时开始播放视频文件格式:<A>…</A>功能:在当前页和其他页间建立超链接属性:标记属性功能href=URL给定链接目标的位置target=frametarget设置显示链接目标的框架accesskey=character设置快捷键tabindex=num设置Tab键的顺序rel=linktype设置到链接的关系参加超级链接例:一个典型的HTML文件,P10程序1.1表单的结构FORM中常用的标记制作表单表单的结构格式:<FORMaction=URLmethod=postmethodonsubmit=scripttarget=frametargetaccept-charset=cdataenctype=contenttype>…</FORM>功能:定义表单在<FORM>中要包含很多控件来实现整个表单的交互功能,另外<FORM>标记还有很多的属性来协助完成此项功能输入域单行输入域格式:<INPUT>功能:表单中提供给用户进行输入的一种形式FORM中常用的标记<INPUT>标记的属性值标记属性功能type=inputtype设置输入域的类型name=cdata设置表项的控制名,在表单处理时起作用(适用于除submit和reset外的其他类型)size=num设置表单域的长度maxlength=num设置允许输入的最大字符数(适用于text和password类型)value=cdata设置输入域的值(适用于radio和checkbox类型)checked设置是否被选中(适用于radio,button,checkbox类型)1〕text类型2〕password类型3〕radio类型4〕checkbox类型5〕submit类型6〕reset类型7〕hidden类型输入域的类型输入域多行输入域格式为:<TEXTAREA>…<TEXTAREA>功能:定义多行文本输入域标记属性功能name=cdata设置FORM提交的输入信息的名称rows=num设置文本域的行数cols=num设置文本域的列数tabindex=num设置tab键的次序FORM中常用的标记
选择域格式:<SELECT><OPTION>选项一<OPTION>选项二
…</SELECT>功能:定义选择栏
FORM中常用的标记标记属性功能name=cdata设置选择栏的名字size=num设置在选择栏中一次可见的选项个数multiple设置选项栏是否支持多选表<SELECT>属性值标记属性功能value=cdata设置选项的默认值selected表示此选项为预置项表<OPTION>属性值例:带表单的HTML页面,P11程序1.2动态Web文档技术1.3.1静态Web文档和动态Web文档1.3.2效劳器端动态文档技术1.3.3客户端动态文档技术1.主动资源与被动资源Web资源可分为主动资源和被动资源。如果资源本身没有任何处理功能它就是被动的如果资源有自己的处理功能,它就是主动的例如:浏览器向发送一个请求,Web效劳器就在myserver上查找myfile.html文件,然后把它返回给浏览器,它是被动资源。向发送一个请求。静态Web文档和动态Web文档Web应用程序通常是主动资源和被动资源的混合,
主动资源的意义:正是由于主动资源才使Web应用程序几乎具有与一般应用程序同样的交互性。Web应用程序中的主动资源通常向用户提供动态内容并使它们通过浏览器执行业务逻辑。
Web文档是一种重要的Web资源,Web文档又分为静态的和动态的。2.静态Web文档在Web开展的早期,Web文档只是一种以文件的形式存放在效劳器端的文档。客户发出对该文档的请求,效劳器返回这个文件。这种文档称为静态文档(staticdocument)。静态Web文档的特点文档创作完毕后就存放在Web效劳器中,在被用户浏览的过程中,其内容不会改变。用户每次对静态文档的访问所得的结果都是相同的。优点:简单可以由不懂程序设计的人员来创立缺点:不够灵活信息变化时,就要由文档的作者手工对文档修改3.动态Web文档动态文档(dynamicdocument)是指文档的内容是根据需要生成的。动态文档技术分类:效劳器端动态文档技术客户端动态文档技术CGI技术Servlet技术HTML页面中嵌入脚本技术效劳器端动态Web文档技术1.CGI技术CGI〔CommonGatewayInterface,公共网关接口〕CGI是一种标准化的接口允许Web效劳器与后端程序及脚本通信,这些后端程序和脚本能够接受输入信息〔例如,来自表单〕,并生成HTML页面作为响应。CGI与Web效劳器和应用程序的关系浏览器InternetWeb服务器CGI应用程序这里的应用程序一般也称为CGI程序。CGI程序可以用效劳器支持的任何语言来编写,其中最常见的是Perl语言.效劳器在接收到一个对CGI程序的请求时,不会返回该文件,而是运行该文件。2.HTML文档中调用CGI程序有两种方法:通过表单的action属性<formaction=“://localhost/cgi-bin/replay.pl”>按提交按钮后,将请求发送给该程序.使用锚标记〔<a>〕,这与链接文档相似。href属性中指定CGI程序文件名的完整的URL路径例如程序:<!--request.htmlcallaCGIprogram--><html><head><title>CallaCGI</title></head><body>ThisismyfirstCGIprogram.<br><ahref="://localhost/cgi-bin/reply.pl">ClickheretoruntheCGIprogram,reply.pl.</a></body></html>4.Servlet技术:Sun公司开发的效劳器端Web编程技术.主要目的是替代CGI编程.有很多优点:高效、方便、可移植性好等5.在HTML页面中嵌入脚本技术在HTML页面中嵌入少量的脚本,然后让效劳器来执行这些脚本以便生成最终发送给客户的页面。常用技术包括:PHP、JSP和ASP6.PHP技术:PHP〔PHP:HypertextPreprocessor〕称为超文本预处理器,它是一种HTML内嵌式的语言。它可以比CGI或Perl更快速地执行动态网页。效劳器要求包含PHP的Web页面的文件扩展名为php,而不是html或htm。7.ASP技术:ASP是ActiveServerPage的缩写,称为活动的效劳器页面。它使用Microsoft的脚本语言VisualBasicScript来生成动态内容。使用这种技术的文件的扩展名为asp。8.JSP技术:JSP是JavaServerPages的缩写,含义是Java效劳器页面.页面中的动态局部是用Java语言编写的。使用这种技术的文件的扩展名为jsp。1.客户端动态文档技术的需求响应鼠标移动事件直接与用户交互客户端验证等2.客户端动态文档技术的实现:在HTML页面中嵌入脚本,而且这些脚本是客户机上被执行的而不是在效劳器上执行的。从HTML4.0开始,可以通过<script>标签来使用这样的脚本。最流行的客户端脚本语言是JavaScript。客户端动态Web文档技术3、客户端动态文档的技术与效劳器端动态文档的技术的区别效劳器端动态文档技术的页面,是在效劳器端执行的。对一个PHP文件的请求,效劳器首先执行该页面,PHP脚本将产生一个新的HTML页面,然后效劳器将该页面送回给浏览器以便显示。执行过程如以下图:效劳器端动态文档的执行用户浏览器服务器PHP模块1234客户端动态文档技术的页面,是在客户端执行的。对于程序1.5的例子,当我们单击submit按钮时,浏览器解释执行该页面上包含的JavaScript函数。所有的工作都是在本地的浏览器内部完成。浏览器并没有与效劳器联系。执行过程如以下图:客户端动态文档的执行
用户浏览器服务器JavaScript12一种脚本语言、基于对象的语言,又是事件驱动的语言它受到了Java程序设计语言的一些思想的启发它与Java完全不是一回事。JavaScript脚本语言非常适合交互式页面的设计。JavaScript是”平安”的语言不能将数据存储在Web效劳器或用户的计算机上,更不能对用户文件进行修改或删除操作JavaScript是平台无关的语言可运行在UNIX或WINDOWS下
JavaScript语言特点Javascript书写规那么可以出现在HTML的任何地方使用<script>…</script>标记
<SCRIPTLANGUAGE="JavaScript"><!—JavaScriptProgram//--></SCRIPT><scriptsrc="xxx.js"></script>JavaScript包含文件可以将JavaScript文件在HTML文件外面存放!把你的零碎们放到一起,起个名字,再给它个js的文件尾。-非常重要:js文件里不能有<script></script>或其它注释。例如:把pku.js文件链接到HTML文件中的句型如下:<scriptsrc=“pku.js“language="JavaScript“></script>常量和变量常量:处理过程中值固定不变constPI=3.14;不能进行重赋值变量:存取数据,提供存放信息的容器vari=message.length-1;采用关键字var定义变量不需要预先定义数据类型变量区分大小写数据类型数据类型说明示例数字型整数或实数487,25.95逻辑型或布尔型执行逻辑运算true或false字符串型一组字符“Hello”空表示不存在的值
null转义字符反斜杠(/)开头
\n换行符变量类型转换javascript会自动进行类型转换字符型和数值型进行加运算时,将数值型转换成字符型<scriptlanguage=“javascript”>varnum=34,id=“56”;x=num+id;y=num+parseInt(id);</script>表达式和运算符算术运算符比较运算符逻辑运算符赋值运算符条件表达式〔条件〕?A:B假设条件的结果为真,那么表达式的结果为A,否那么为B运算符说明+加-减/除*乘%取模++递加1--递减1运算符说明==等于!=不等于>大于<小于<=小于等于>=大于等于运算符说明与(&&)逻辑与或(||)逻辑或非(!)逻辑非表达式和运算符如何实现<HTML><BODY><scriptlanguage="javaScript"> varnow=newDate(); varhour=now.getHours(); if(hour>=0&&hour<=12) document.writeln("上午好!") if(hour>12&&hour<=18) document.writeln("下午好!"); if(hour>18&&hour<24) document.writeln("晚上好!");
document.writeln("今天日期是:"+now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日");document.writeln("现在时间:"+hour+"点"+now.getMinutes()+"分");//document.writeln("当前准确时间是:"+now.toLocaleString());</script></body></HTML>根本程序语句条件控制语句if…else语句switch语句循环控制语句for语句while语句,do…while语句break,continue
函数定义function,return
<HTML><HEAD><TITLE>For循环演示</TITLE><SCRIPTLANGUAGE="JavaScript">document.write("<H2align=center>打印金字塔直线</H2>");for(vari=0;i<100;i=i+5)document.write("<HRalign=centerwidth="+i+"%>");</SCRIPT></HEAD><BODY></BODY></HTML>for循环如何实现<HTML><HEAD><TITLE>break</TITLE><SCRIPTLANGUAG="JavaScript">for(i=1;i<100;i++){
if(i%30==0)
break; document.write(i+"<br>");
}</SCRIPT></HEAD><BODY>……</BODY></HTML>break&continue<HTML><HEAD><TITLE>break</TITLE><SCRIPTLANGUAG="JavaScript">for(i=1;i<100;i++){
if(i%30==0)
continue; document.write(i+"<br>");
}</SCRIPT></HEAD><BODY>……</BODY></HTML>函数函数的定义function
函数名(参数1,参数2,…){
函数执行语句;return表达式;}函数的调用函数名(实参1,实参2,…){Javascript中的全局函数isNaN,parseFloat(),parseInt<html><head><title>FirstJScode</title><scriptlanguage="JavaScript"><!-- functiongetArea(){ varr=10; varsqrR=r*r; vars=Math.PI*sqrR; alert("半径为10cm的圆面积是"+s+"平方米"); }//--></script></head><body><form> <inputtype="button"value="Show"onClick="getArea()"></form></body></html>JavaScript中的对象JavaScript中的对象由浏览器根据Web页面的内容自动提供的对象JavaScript内置的对象,如Data、Math以及String用户自定义的对象对象中包含属性和方法用户自定义对象new:对象声明varnewstr=“这是字符串“functionCard(name,address,work,home)
{=name;
this.address=address;
this.work_phone=work;
this.home_phone=home;
this.PrintCard=PCard;
this.Pname=Pname;
}delete:对象删除对象根本操作语句for…in语句格式functionshowdata(object){for(varpropinobject)document.write(object[prop]);}实例<html><body><scripttype="text/javascript">varxvarmycars=newArray()mycars[0]="Saab"mycars[1]="Volvo"mycars[2]="BMW"for(xinmycars){document.write(mycars[x]+"<br/>")}</script></body></html>内置对象数组对象array字符串对象string日期对象Date数学对象Math<html><body><scripttype="text/javascript">vararr=newArray(6)arr[0]="Jani"arr[1]="Hege"arr[2]="Stale"arr[3]="KaiJim"arr[4]="Borge"arr[5]="Tove"document.write(arr+"<br/>")document.write(arr.sort())</script></body></html>Jani,Hege,Stale,KaiJim,Borge,Tove
Borge,Hege,Jani,KaiJim,Stale,Tove字符串对象string属性:length字符串中的字符个数方法:anchor()用来把字符串转换到HTML锚点标记内()big()把字符串中的文本变成大字体()blink()把字符串中的文本变成闪烁字体()bold()把字符串中的文本变成黑字体()charAt()寻找字符串中指定位置的一个字符fixed()把字符串中的文本变成固定间距字体()fontcolor()改变字符串中文本的颜色()fontsize()把字符串中的文本变成指定大小()indexOf()用来搜索字符串中的某个特殊字符,并返回该字符的索引位置italics()把字符串中的文本变成斜字体()lastlndexOf()与indexof相似,但是向后搜索最后一个出现的字符link()用来把字符串转换到HTML链接标记中()small()把字符串中的文本变成小字体()strike()把字符串中的文本变成划掉字体()sub()把字符串中的文本变成下标(subscript)字体((SUB>)substring()返回字符串里指定位置间的一局部字符串sup()把字符串中的文本变成上标(superscript)字体()toLowerCase()把字符串中的文本变成小写toUpperCase()把字符串中的文本变成大写字符串对象实例<html><body><scripttype="text/javascript">vartxt="HelloWorld!"document.write(txt.length)</script></body></html>indexOf方法的使用indexOf用于发现一系列的字符在一个字符串中等位置并告诉你子字符串的起始位置。如果一个字符串中部包含该子字符串那么indexOf返回-1例:varthe_word="monkey";varlocation_of_m=the_word.indexOf("m");location_of_m(字母m的位置)将为0,因为字母m位于该字符串的起始位置。varlocation_of_o=the_word.indexOf("o");
location_of_o(字母o的位置)将为1。varlocation_of_key=the_word.indexOf("key");location_of_key(key的位置)将为3因为子字符串“key”以字母k开始,而k在单词monkey中的位置是3。indexOf方法的使用〔续〕varthe_email=prompt("What'syouremailaddress?","");
varthe_at_is_at=the_email.indexOf("@");
if(the_at_is_at==-1){
alert("Youloser,emailaddressesmust
have@signsinthem.");
}
这段代码询问用户的电子邮件地址,如果用户输入的电子邮件地址中不包含字符那么提示用户"@你输入的电子邮件地址无效,电子邮件的地址必须包含字符@。"
charAt方法chatAt方法用于发现一个字符串中某个特定位置的字符varthe_word="monkey";
varthe_first_letter=the_word.charAt(0);
varthe_second_letter=the_word.charAt(1);
varthe_last_letter=the_word.charAt(the_word.length-1);
the_first_letter(第1个字符)是"m"
the_second_letter(第2个字符)是"o"
the_last_letter(最后一个字符)是"y"
分割方法splitsplit方法用限位器来分割一系列的名称,然后将其放在一个数组中;varmy_friends=
"trixie,moxie,sven,guido,hermes";
varfriend_array=
my_friends.split(",");
for(loop=0;loop<friend_array.length;
loop++)
{
document.writeln(friend_array[loop]+"ismy
friend.<br>");
}日期对象Date方法getDate()查看Date对象并返回日期getDay()返回星期几getHours()返回小时数getMinutes()返回分钟数getMonth()返回月份值getSeconds()返回秒数getTime()返回完整的时间getTimezoneoffset()返回时区偏差值(格林威治平均时间与运行脚本的计算机所处时区设置之间相差的小时数)getYear()返回年份parse()返回在Date字符串中自从1970年1月1日00:00:00以来的毫秒数(Date对象按照毫秒数的形式存储从那时起的日期和时间)日期对象Date方法〔续〕setDate()改变Date对象的日期setHours()改变小时数setMinutes()改变分钟数setMonth()改变月份setSeconds()改变秒数setTime()改变完整的时间setYear()改变年份toGMTString()把Date对象的日期(一个数值)转变成一个GMT时间字符串,返回类似下面的值:Weds,15Junel99714:02:02GMT(精确的格式依赖于计算机上所运行的操作系统而变)toLocaleString()把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式UTC()使用DateUTC(年、月、日、时、分、秒),以自从1970年1月1日00:00:00(其中时、分、秒是可选的)以来的毫秒数的形式返回日期数学对象Math属性E欧拉常量,自然对数的底(约等于2.718)
LN22的自然对数(约等于0.693)LN1010的自然对数(约等于2.302)LOG2E以2为底的e的对数(约等于1.442)LOG10E以10为底的e的对数(约等于o.434)PI∏的值(约等于3.14159)SQRT1_20.5的平方根(即l除以2的平方根,约等于o.707)SQRT22的平方根(约等于1.414)
数学对象Math方法abs()返回某数的绝对值(即该数与o的距离,例如,2与一2的绝对值都是2)acos()返回某数的反余弦值(以弧度为单位)asin()返回某数的反正弦值(以弧度为单位)atan()返回某数的反正切值(以弧度为单位)ceil()返回与某数相等,或大于该数的最小整数(ceil(-22.22)返回-22;ceil22,22)返回23;ceil(22)返回22)cos()返回某数(以弧度为单位)的余弦值exp()返回enfloor()与ceil相反(floor(一22.22)返回一23;floor(22.22)返回22;floor(22)返回22)10g()返回某数的自然对数(以e为底)max()返回两数间的较大值min()返回两数问的较小值pow()返回m的n次方(其中,m为底,n为指数)random()返回0和1之间的一个伪随机数(该方法仅在NetscapeNavigator的UNIX版本中有效)round()返回某数四舍五入之后的整数sin()返回某数(以弧度为单位)的正弦值sqrt()返回某数的平方根tan()返回某数的正切值浏览器对象文档对象模型是可以被任何脚本引擎访问的对象的集合,它提供了对Web浏览器的访问浏览器对象navigator:管理者当前使用浏览器的版本号、运行的平台以及浏览器使用的语言等信息window对象:处于整个附属表的最顶级位置。每一个这样的对象代表一个浏览器窗口location对象:含有当前网页的URL地址document对象:含有当前网页的各种特性,例如标题、背景感以及使用的语言等history对象:含有以前访问过的网页的URL地址对象的层次结构JavaScript事件模型事件:用户对网页的一些特定“操作”(这些操作通常直接对应鼠标的动作)和系统行为。事件处理程序的引入〔如何使一段JavaScript程序和事件的发生联系起来?〕。“on事件名”是JavaScript规定的对应事件处理程序柄〔eventhandler〕的名字。例如onClick、onFocus、onSubmit等等。JavaScript事件模型(续)第一种引入方式:事件处理程序柄名以属性名的形式在HTML文本中某些适当的标记中出现<inputtype=“text”name=“age”onChange=“isNumber(this)”>;第二种引入方式:将事件处理函数名赋给浏览器为网页创立的相应对象的对应属性〔property〕document.forms[0].age.onchange=isNumber;navigator对象navigator对象的方法AppName:提供字符串形式的浏览器名称。在使用Navigator时,appName的值为NetScape;在使用InternetExplorer时,appName的值为MSIE。AppVersion:反映浏览器的版本号。AppCodeName:反映用字符串表示的当前浏览器的代码名字。对于navigator的所有版本,这个值都是MozillaWindow对象window对象的属性Closed、Opener属性window对象的方法open〔URL,windowName,parameterList〕:open方法创立一个浏览器窗口,并在新窗口中载入一个指定的URL地址。close〔〕:close方法关闭一个浏览器窗口。alert〔〕:弹出一个警告框。confirm〔〕:弹出一个确认框。prompt〔〕:弹出一个提示框。<form>主窗口:<inputtype="button"value="翻开子窗口"onclick="winOpen('://');"><br><inputtype="button"value="关闭主窗口和子窗口"onclick="myWin.close();self.close();"></form>实例<scriptlanguage="JavaScript"><!--varmyWin;functionwinOpen(url){ varscreenWidth=screen.availWidth;varscreenHeight=screen.availHeight;window.self.resizeTo(0.5*screenWidth,screenHeight);window.self.moveTo(0,0);myWin=window.open(url,"testWindow");myWin.resizeTo(
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 江西科技学院附属中学2025届联合模拟考试化学试题含解析
- 西藏昌都地区八宿县2025届初三三校联考数学试题含解析
- 羽毛球场地租赁合同范文榜样
- 江苏省江阴市华士片、澄东片重点达标名校2025年初三年级下学期物理试题周末卷含附加题含解析
- 技术总监合同翻译
- 事业单位劳动合同样本
- 租赁合同与租赁订单
- 江西省萍乡市2024-2025学年七年级下学期期中生物学试题(含答案)
- 多功能会议室租赁合同
- 厨卫设备定制合同协议
- 2025年商丘职业技术学院单招职业技能考试题库附答案
- 矿山地质环境保护与土地复垦方案报告正文
- IATF16949-应急计划评审报告
- 输血病人的个案护理
- 企业生产安全台账资料填写模板
- 江苏省淮安市2025届高三上学期第一次调研测试化学
- 《照明培训手册》课件
- 智能传感器销售合同
- 临床合理用药指导
- 口腔科院感知识培训课件
- 装配式住宅建筑施工要点及质量管控措施
评论
0/150
提交评论