1、掌握html主要标签的含义,例如<p> <table><ul><a>等。
<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标准的表示;使用Document Object Model进行动态显示和交互;使用XMLHttpRequest与服务器进行异步通信;使用JavaScript绑定一切。
<html><body><input id="btn1" type="button" value="读取"><ul id="ul1"><li>用户名:<strong>某某</strong>密码:<span>123456</span></li></ul></body><script>window.onload=function(){var btn1=document.getElementById('btn1');var ul1=document.getElementById('ul1');btn1.onclick=function(){ ajax('bbb.txt?t='+new Date().getTime(),function(str){var arr=eval(str);for(var i=0;i<arr.length;i++){ var oli=document.createElement('li');oli.innerHTML='用户名:<strong>'+arr[i].user+'</strong>密码:<span>'+arr[i].pass+'</span>';ul1.appendChild(oli);}},function(){alert('失败');} );}function ajax(url,fnSucc,fnFaild){ if(window.XMLHttpRequest)var oAjax=new XMLHttpRequest();elsevar oAjax=new ActiveXObject("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></html>5、会写正则表达式,例如合法的邮编、电子信箱、身份证号等。
1)合法的邮政编码,即6位数字 /^\d{6}$/2) 合适的电子邮件地址/^(([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-]/var re=/\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来布局。
<html><head><title>a Form</title></head><body><form><table border="1"><tr><td>username:</td><td><inputtype="text""name="userName"/></td></tr><tr><td>psssword:</td><td><inputtype="password"name="passWord"/></td></tr> <tr><td><inputtype="text"value="inputcheckcodehere"/></td><td><imgsrc="images/c heckpicture.jpg"/></td></tr><tr><td><input type="button" value="login"/></td><td><input type="checkbox" name="checkbox" value="check"/>save password</td></table></form></body></html>8、开发一个HTML文档,其中包含了一组复选框和一个提交按钮,复选框的内容为葡萄(每个50美分)、梨子(每个45美分)和苹果(每个36美分)。
每个复选框都应该有自己的onclick事件处理程序。
这些事件处理程序必须能够将对应的水果价格添加到总价格中。
针对提交按钮的事件处理程序必须能够产生一个alert窗口,其中的消息格式为Your total cost is $xxx,其中xxx是所选水果的总价格加上5%的销售税。
这个处理程序必须返回false(以免真正传送表单数据)。
<html><head><title>无标题文档</title><script type="text/javascript">function cost(){ var cc=sum();alert("Your total cost is $ "+cc);return false;}function sum(){ var a,b,c,total;var dom=document.getElementById("aa");if(dom.elements[0].checked)a=1;else a=0;if(dom.elements[1].checked)b=1;else b=0;if(dom.elements[2].checked)c=1;else c=0;total=(0.590*a+0.490*b+0.390*c)*(1.00+0.050);return total;}</script></head><body><h4>水果列表</h4><form id="aa" action=""><p><input type="checkbox" onclick="sum()"/>苹果<br/><input type="checkbox" onclick="sum()"/>桔子<br/><input type="checkbox" onclick="sum()"/>香蕉<br/><input type="button" value="提交" onclick="cost()"/></p></form></body></html>9、会用css设置样式,比如给下面div标签设置如下样式(在样式<style></style>中给它加上样式)宽:600,高:300,边框宽度:3像素,边框类型:虚线,边框颜色:黑色,里面的文字居中显示,并设置外边距上:10 ,下10,左20,右:30;内边距:上:10,下:10,左:20,右:20。