jsp页面制作中遇到的问题总结.docx

绝对定位中的页面居中办法Chrome、firefox下在body之间加IE8除了要加上边的代码之外还要加通过div浮动来将若干div排成一行绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。隐藏水平滚动条为了避免出现水平滚动条，在body里加入 overflow-x:hidden 。body overflow-x: hidden; 滚动条换色（IE）：如果要求兼容firefox，可以使用JQ来进行制作文字自动换行Bodyword-wrap:break-word;元素添加边框 Divboder:solid 1px #000 注意solid值不可少Html中name和id的区别id与name的作用,作为标签的标识符,基本上是一样的.name是老方法,id是在name基础上发明的,后来才有的,现代化一点,用的范围广一点. 中的name原来(刚发明时)就是用于本页揿一下转向过去用的.除 BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE 标签外,id 都可用.name只用于APPLET,SELECT,FORM,FRAME,IFRAME,IMG,A,INPUT,OBJECT,MAP,PARAM,META. (name有时有自己的用途)table 中 name 无定义, 应当用 id.有些标签,可以同时有name和id.在一个HTML网页中,id是唯一的,即只有某一个标签,或某一个块的标识符是这个id.id 在HTML中的作用:(1) 用id选择相应的style sheet(风格). (2) 链接的目的地(3) 脚本语言用它找目的地(找该id的标签)(4) 作为名字,用于声明某OBJECT element(5) 作为一个标签或块的区分标致(用于从HTML网页中取出数据放入数据库或把HTML翻译成别的格式,等情况).Ajax常用函数Ajax的open函数形式为open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword)，其中的bstrMethod通常有GET和POST两种常用方式，使用get方式需要注意：1 对于get请求（或凡涉及到url传递参数的），被传递的参数都要先经encodeURIComponent方法处理.例：var url = update.php?username= +encodeURIComponent(username) + &content= +encodeURIComponent(content)+&id=1 ;使用Post方式需注意：1.设置header的Context-Type为application/x-www-form-urlencode确保服务器知道实体中有参数变量.通常使用XmlHttpRequest对象的SetRequestHeader(Context-Type,application/x-www-form-urlencoded;)。例：xmlHttp.setRequestHeader(Content-Type,application/x-www-form-urlencoded);2.参数是名/值一一对应的键值对,每对值用&号隔开.如 var name=abc&sex=man&age=18，注意var name=update.php?abc&sex=man&age=18以及var name=?abc&sex=man&age=18的写法都是错误的;3.参数在Send(参数)方法中发送,例： xmlHttp.send(name); 如果是get方式，直接 xmlHttp.send(null);4.服务器端请求参数区分Get与Post。如果是get方式则$username = $_GETusername; 如果是post方式，则$username = $_POSTusername;以下是自己测试open函数的js代码： var xmlHttp; /创建xmlHttpRequest对象 function createXMLHttpRequest() if (window.ActiveXObject) xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); else if(window.XMLHttpRequest) xmlHttp = new XMLHttpRequest(); /发送参数字符串 function createQueryString() /得到姓 var firstName = document.getElementById(firstName).value; /得到中间名 var middleName = document.getElementById(middleName).value; /得到生日 var birthday = document.getElementById(birthday).value; /构造请求字符串 var quertString = firstName= + firstName + &middleName= + middleName + &birthday= + birthday; return quertString; /处理GET请求 function doRequestUsingGET() createXMLHttpRequest(); var queryString = ajaxForm?; queryString = queryString + createQueryString() + &timeStamp= + new Date().getTime(); xmlHttp.onreadystatechange = handleStateChange; xmlHttp.open(GET,queryString,true); xmlHttp.send(null); /处理POST请求 function doRequestUsingPOST() createXMLHttpRequest(); var url = ajaxForm?+createQueryString()+&timeStamp= + new Date().getTime(); var queryString = createQueryString(); xmlHttp.open(POST,url,true); xmlHttp.onreadystatechange = handleStateChange; xmlHttp.setRequestHeader(Content-Type,application/x-www-form-urlencoded;); xmlHttp.send(null); /回调方法 function handleStateChange() if (xmlHttp.readyState = 4) if (xmlHttp.status = 200) /解析返回结果 parseResults(); /解析返回结果 function parseResults() var responseDiv = document.getElementById(serverResponse); if (responseDiv.hasChildNodes() respon