笔试总结_Web编程

1SUMMARIZEDBYXM200909151，W3CW3C（WorldWideWebConsortium，）创建于1994年，研究Web规范和指导方针，致力于推动Web发展，保证各种Web技术能很好地协同工作。大约500名会员组织加入这个团体，它的主任TimBerners-Lee（）在1989年发明了Web。推行的主要规范：HTML，CSS，XML，XHTML和DOM（DocumentObjectModel）。Web标准化的好处：1）加速开发2）易于维护，增加机会3）拓展访问渠道4）节约带宽成本5）提高用户体验6）转变被证明是值得的2，请问一份标准的HTML文档有哪几个必须的HTML标签？htmlhead/headbody/body/html3，html事件如何添加？事件是能被对象识别的动作，事件可以由用户操作、程序代码或系统行为来触发。HTML文档中的每个元素都是一个拥有属性、方法和事件的对象，称为文档对象。当触发一个文档对象中的某个事件时，该对象能够按照某种方式做出响应，但具体的响应过程需要由程序员编写脚本代码来实现，这种过程称为事件过程。常用的四种方法（VB）：1）通过过程名调用事件过程2）通过控件的属性调用事件过程3）在标记中直接编写脚本语句4）Script标记设置FOR/EVNET属性调用事件过程Javascript中常用2）3）方法，VBscript用1）2）3）4）方法。4，web标准网站有什么好处？网站标准的目的就是：●提供最多利益给最多的网站用户●确保任何网站文挡都能够长期有效●简化代码、降低建设成本●让网站更轻易使用，能适应更多不同用户和更多网路设备●当浏览器版本更新，或者出现新的网络交互设备时，确保所有应用能够继续正确执行。对于网站设计和开发人员来说，遵循网站标准就是使用标准；对于你的网站用户来说，网站标准就是最佳体验。采用网站标准的好处——对网站浏览者的好处：●文件下载与页面显示速度更快；●内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）；●内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等）●用户能够通过样式选择定制自己的表现界面2●所有页面都能提供适于打印的版本——对网站所有者的好处：●更少的代码和组件，轻易维护●带宽要求降低（代码更简洁），成本降低。举个例子：当ESPN.com使用CSS改版后，天天节约超过两兆字节（terabytes）的带宽。●更轻易被搜寻引擎搜索到●改版方便，不需要变动页面内容●提供打印版本而不需要复制内容●提高网站易用性。在美国，有严格的法律条款（Section508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。5，用html实现如下表格：三行三列,其中第一行第一列和第二行第一列合并;第二行第二列和第二行第三列合并tablewidth=250height=250border=1trtdrowspan=2 /tdtd /tdtd /td/trtrtdcolspan=2 /td/trtrtd /tdtd /tdtd /td/tr/tableKeypoints：1）table没有定义border，则看不明显边界；没有定义width,height则根据内容自动调整大小。2）Td格子里面没有内容，则不会显示格子的边界，可考虑加一个空格，即 3）Td里面定义colspan和rowspan表示该格子占用的行数和列数；6，HTML语言中，设置表格中文字与边框距离的标签是什么？tablecellpadding='2'/tablecellpadding：格子中文字与边框的距离cellspacing：格子与格子之间的距离7，在HTML中，如何在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件？AHREF=mailto:[e-mail]发送反馈信息/A8，在HTML中，如何实现每隔60秒自动刷新页面的功能？metahttp-equiv=”refresh”content=”60”9，在HTML的TD标签中，valign属性的不能取的值是（C）（选择一项）A、topB、middleC、centerD、bottom10，要在网页中显示“欢迎访问我的主页！”，要求字体为隶书、字体大小为6。〈P〉〈FONTSIZE=6FACE=“隶书”〉欢迎访问我的主页！〈/FONT〉/P11，要在表单中创建一个多行文本输入框，初始值为：这是一个多行文本框。〈TEXTAREANAME=“text”COLS=20ROWS=5〉这是一个多行文本框〈/TEXTAREA〉12，要在网页中显示下列内容：售票员说：定价：￥683p售票员说："定价：¥68"/p13，网页测试需要做些什么？页面是否美观，链接是否准确，能否兼容不同浏览器14，ahref=”poem.htm#李白”李白诗词/a的作用是什么？跳转到poem.htm的锚记点“李白”处15，在一个htm页面中导入在同一目录下的“StyleSheet1.css”样式表？1）[e-mail];/style2）linkrel=”stylesheet”type=”text/css”href=”StyleSheet1.css”16，实现鼠标悬停时，超级链接无下化线？用CSS实现：a:hover{text-decoration:none;}17，ID为left的DIV标签，用CSS设置DIV的左边为红色实线？#left{border-left:1px#FF0000solid;}18，CSS选择器：1）简单选择器（仅描述html的元素）body{background-color:red;}2）id选择器(html元素的id属性，唯一)#myid{background-color:red;}3）class选择器(html元素的class属性).myclass{background-color:red;}4）多个html元素共用一个样式的定义body,table,tr,td{background-color:#000000;}19，css中id和class如何定义,哪个定义的优先级别高?如class定义一个html元素没有边框,而id定义这个元素有边框,结果呢?id定义的优先级级别高，所以会有边框。20，如何指定div元素中样式类为c1,字体大小为9pt的css样式?1)在css文件中定义类c1.c14{FONT-SIZE:9pt;}2)设置div使用该样式。divClass=’c1’…/div21，简述ajax的原理.Ajax：AsynchronousJavaScriptandXML（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。Ajax的核心是JavaScript对象XmlHttpRequest。该对象在InternetExplorer5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。Ajax技术之主要目的在于局部交换客户端及服务器之间的数据。Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。AJAX的使用特点：1）基于web标准（standards-basedpresentation）XHTML+CSS的表示；2）使用DOM（DocumentObjectModel）进行动态显示及交互；3）使用XML和XSLT进行数据交换及相关操作；4）使用XMLHttpRequest进行异步数据查询、检索；5）使用JavaScript将所有的东西绑定在一起。22，js中如何定义class？1）工厂方式functionCar(){varocar=newObject;ocar.color=blue;ocar.doors=4;ocar.showColor=function(){document.write(this.color)};returnocar;}varcar1=Car();varcar2=Car();调用此函数时将创建新对象，并赋予它所有的属性和方法。使用此函数可以创建2个属性完全相同的对象。当然也可以通过给它传递参数来改版这种方式。functionCar(color,door){varocar=newObject;ocar.color=color;ocar.doors=door;ocar.showColor=function(){document.write(this.color)};returnocar;5}varcar1=Car(red,4);varcar2=Car(blue,4);car1.showColor()//output:redcar2.showColor()//output:blue2）构造函数方式functionCar(color,door)...{this.color=color;this.doors=door;this.showColor=function()...{alert(this.color)};}varcar1=newCar(red,4);varcar2=newCar(blue,4);可以看到构造函数方式在函数内部没有创建对象，是用this关键字。因为在调用构造函数时已经创建了对象，而在函数内部只能用this来访问对象属性。现在用new来创建对象，看起来像那么回事了！但是它同工厂方式一样。每次调用都会为对象创建自己的方法。3）原型方式该方式利用了对象的prototype属性。首先用空函数创建类名，然后所有的属性和方法都被赋予prototype属性。functionCar(){}Car.prototype.color=red;Car.prototype.doors=4;Car.prototype.showColor=function()...{alert(this.color);}varcar1=newCar();varcar2=newCar();在这段代码中，首先定义了一个空函数，然后通过prototype属性来定义对象的属性。调用该函数时，原型的所有属性都会立即赋予要创建的对象，所有该函数的对象存放的都是指向showColor()的指针，语法上看起来都属于同一个对象。但是这个函数没有参数，不能通过传递参数来初始化属性，必须要在对象创建后才能改变属性的默认值。原型方式有个很严重的问题就是当属性指向的是对象时，如数组。functionCar(){}Car.prototype.color=red;Car.prototype.doors=4;Car.prototype.arr=newArray(a,b);Car.prototype.showColor=function(){alert(this.color);}varcar1=newCar();varcar2=newCar();6car1.arr.push(cc);alert(car1.arr);//output:aa,bb,ccalert(car2.arr);//output:aa,bb,cc这里由于数组的引用值，Car的两个对象指向的都是同一个数组，所以当在car1添加值后，在car2中也可以看到。联合是用构造函数/原型方式就可以像其他程序设计语言一样创建对象，是用构造