web试题

1、掌握html主要标签的含义，例如ptableula等。。。。table表格标签，决定表格的各项参数td表格栏设定该表格的栏p段落标签为字，画,表格等之间留一空白行textarea文字区块提供文字方盒以输入较大量文字form表单标签决定单一表单的运行模式intput输入标签决定输入方式img图片元素标签，是一个行内元素，用于指定将要显示在文档中的图片ul是一种块标签，用于创建无序列表2、掌握js中上课说的常用的方法例如setInterval()，setTimeout()、getElementById()、createElement()、appendChild()setInterval()方法可按照指定的周期（以毫秒计）来执行函数或表达式。该方法会不停地循环调用函数，直到使用clearInterval()明确停止该函数或窗口被关闭。clearInterval()函数的参数即setInterval()返回的ID值。setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式，该方法与setInterval()方法不同的是该方法只执行一次。getElementById，就是通过ID来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单就是给每个标签分配一个ID号document.createElement()是在对象中创建一个对象，要与appendChild()或insertBefore()方法联合使用。其中，appendChild()方法在节点的子节点列表末添加新的子节点。insertBefore()方法在节点的子节点列表任意位置插入新的节点。3、掌握get和post两种网页提交方式的区别一般GET方式是将数据附在URL后发送，数据长度不能超过100个字符，一般搜索引擎查找关键词等简单操作是通过GET方式进行。而POST则不存在字符长度的限制，而且不会把内容附在URL后，比较适合内容较多的表单。4、掌握什么是ajax技术，它的核心对象是什么，并会编写代码用ajax技术获取服务器的数据。Ajax不是一种技术。实际上，它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含：基于XHTML和CSS标准的表示；使用DocumentObjectModel进行动态显示和交互；使用XMLHttpRequest与服务器进行异步通信；使用JavaScript绑定一切。htmlbodyinputid=btn1type=buttonvalue=读取ulid=ul1li用户名：strong某某/strong密码：span123456/span/li/ul/bodyscriptwindow.onload=function(){varbtn1=document.getElementById('btn1');varul1=document.getElementById('ul1');btn1.onclick=function(){ajax('bbb.txt?t='+newDate().getTime(),function(str){vararr=eval(str);for(vari=0;iarr.length;i++){varoli=document.createElement('li');oli.innerHTML='用户名：strong'+arr[i].user+'/strong密码：span'+arr[i].pass+'/span';ul1.appendChild(oli);}},function(){alert('失败');});}functionajax(url,fnSucc,fnFaild){if(window.XMLHttpRequest)varoAjax=newXMLHttpRequest();elsevaroAjax=newActiveXObject(Microsoft.XMLHTTP);oAjax.open('GET',url,true);oAjax.send();oAjax.onreadystatechange=function(){if(oAjax.readyState==4){if(oAjax.status==200)//成功fnSucc(oAjax.responseText);elseif(fnFaild){fnFaild(oAjax.status);}}}}}/script/html5、会写正则表达式，例如合法的邮编、电子信箱、身份证号等。1)合法的邮政编码，即6位数字/^\d{6}$/2)合适的电子邮件地址/^(([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-]/varre=/\w+@[a-z0-9]+\.[a-z]+$/i;3)合法的身份证号码，即是否是15或18位数字/^(\d{18}|\d{15})$/6、掌握innerText和innerHTML两属性的区别innerText：从对象的起始位置到终止位置的内容，不包括html标签innerHTML：从对象的起始位置到终止位置的全部内容，包括html标签innerText、innerHTML属性（注意大小写），分别是元素标签内内容的文本表示形式和HTML源代码，这两个属性是可读可写的7、会用html写含有各种表单标签的静态网页，比如登录页面、注册页面等，并会用table来布局。htmlheadtitleaForm/title/headbodyformtableborder=1trtdusername:/tdtdinputtype=textname=userName//td/trtrtdpsssword:/tdtdinputtype=passwordname=passWord//td/trtrtdinputtype=textvalue=inputcheckcodehere//tdtdimgsrc=images/checkpicture.jpg//td/trtrtdinputtype=buttonvalue=login//tdtdinputtype=checkboxname=checkboxvalue=check/savepassword/td/table/form/body/html8、开发一个HTML文档，其中包含了一组复选框和一个提交按钮，复选框的内容为葡萄（每个50美分）、梨子（每个45美分）和苹果（每个36美分）。每个复选框都应该有自己的onclick事件处理程序。这些事件处理程序必须能够将对应的水果价格添加到总价格中。针对提交按钮的事件处理程序必须能够产生一个alert窗口，其中的消息格式为Yourtotalcostis$xxx，其中xxx是所选水果的总价格加上5%的销售税。这个处理程序必须返回false（以免真正传送表单数据）。htmlheadtitle无标题文档/titlescripttype=text/javascriptfunctioncost(){varcc=sum();alert(Yourtotalcostis$+cc);returnfalse;}functionsum(){vara,b,c,total;vardom=document.getElementById(aa);if(dom.elements[0].checked)a=1;elsea=0;if(dom.elements[1].checked)b=1;elseb=0;if(dom.elements[2].checked)c=1;elsec=0;total=(0.590*a+0.490*b+0.390*c)*(1.00+0.050);returntotal;}/script/headbodyh4水果列表/h4formid=aaaction=pinputtype=checkboxonclick=sum()/苹果br/inputtype=checkboxonclick=sum()/桔子br/inputtype=checkboxonclick=sum()/香蕉br/inputtype=buttonvalue=提交onclick=cost()//p/form/body/html9、会用css设置样式，比如给下面div标签设置如下样式（在样式style/style中给它加上样式）宽：600，高：300，边框宽度：3像素，边框类型：虚线，边框颜色：黑色，里面的文字居中显示，并设置外边距上：10，下10，左20，右：30；内边距：上：10，下：10，左：20，右：20。背景颜色：#cccccc，字体大小：20。htmlbodystyle#div1{width:600px;height:300px;border:3px,dashed,black;text-align:center;margin:10px20px;padding:10px20px;background:#cccccc;font-size:20px;}/styledivid=div1/div/body/html10、掌握js中数组的使用，会创建遍历修改htmlscripttype=text/javascriptvararray=newArray(1,2,3,4,5);function遍历(array){for(varj=0;jarray.length;j++)document.write(array[j]+'');}function修改(array,x,new)//对数组array第x位修改为new{array[x]=new;for(varj=0;jarray.length;j++)document.write(array[j]+'');}del(array);/script/html11、掌握用dom技术实现页面标题向右滚动的效果!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENhtmlheadtitleWeb程序设计!/titlescripttype=text/javascriptfunctionscroll(){vartitle=document.title;varfirst=title.charAt(0);varleft=title.substring(1,title.length);document.title=left+first;}setInterval(scroll(),500);/script/head/html12：掌握cookie对象的使用，实现登录时保存用户名功能：第一次登陆，在2个文本框内分别输入用户名和密码，点击登录按钮实现登录并跳转到安工大首页“”，并把用户名存入cookie。再次打开登陆页面，则不需要输入用户名，从cookie中读取用户名即可。htmlheadtitle/title/headscriptfunctionsetCookie(name,value,iDay){varoDate=newDate();oDate.setDate(oDate.getDate()+iDay);document.cookie=name+'='+value+';expires='+oDate;//;是分割作用，cookie是一个串}functiongetCookie(name){vararr=document.cookie.split('