当前位置:文档之家› 文思海辉

文思海辉

一.基础部分1.根据如下代码回答问题<html><head><title>登录</title></head><body><form action=”login” method=”get”><p>用户名<input type=text name=”name” size=”10” maxlength=”20”></p><p>Mail<input type=text name=”mail”></p><p>口令<input type=passwd name=”pass”></p><p><input type=”button”value=”提交” onclick=”this.form.submit()”></p></form><./html>A.上面页面的URL是/bbs/login.htm中,如果在用户名处输入”test”,口令处输入:”123456”,请写出点击提交按钮后,在浏览器的显示地址显示的url?/bbs/login.htm?name=test&mail=&pass=123456B.如果将第4行改为<form action=”login” method=”post” >,那么在浏览器处显示的url应该是?/bbs/login.htmC.要让这个form支持回车表单提交,需要如何做?将button按钮改成submit按钮D.请写出检查name是否全是英文字母或者数字组成的正则表达式/^[a-zA-Z][a-zA-Z0-9]{5,19}$/2、请写出一下js表达式的值4+”3”433+”a”3aVar a=’4’; a+3 433+null 33+true 43+”a”-3 NaNUndefined==null null1===true false3、请说明以下属性代表的意思网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:document.body.scrollT op网页被卷去的左:document.body.scrollLeft网页正文部分上:window.screenTop网页正文部分左:window.screenLeft屏幕分辨率的高:window.screen.height屏幕分辨率的宽:window.screen.width屏幕可用工作区高度:window.screen.availHeight屏幕可用工作区宽度:window.screen.availWidthHTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由offsetTop 属性指定的父坐标的计算顶端位置event.clientX 相对文档的水平座标event.clientY 相对文档的垂直座标event.offsetX 相对容器的水平坐标event.offsetY 相对容器的垂直坐标document.documentElement.scrollTop 垂直方向滚动的值event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量4、如何在alert中换行\r\n5、如何用js弹出一个”确定”和”取消”按钮的确认框Confirm()6、如何取得当前函数参数的个数func_num_args()7、有如下html,如何用js获取被选中的option的text描述(非value)<select id=”select_id”><option value=”1”>text1</option><option value=”2”>text2</option><option value=”3”>text3</option><option value=”4”>text4</option></select>Var item = document.getElementById("select_id");var text = item.options[item.selectedIndex].text;8、有如下html,如何用js取得month的值<form id=”form_id”><input type=”radio” name=”month” value=”1”><input type=”radio” name=”month” value=”2”><input type=”radio” name=”month” value=”3”><input type=”radio” name=”month” value=”4”></form>var m=document.getElementsByName('month')[index].value;9、有如下html,如何通过DOM方法来取得最后一个p的text<html><head><title>DOM Example</title></head><body><p>Hello World!</p><p>isn’t this exciting</p><p>You’re learning to use the DOM!</p></body><./html>var p = document.getElementsByTagName("p")[2].innerHTML;10、要用标准dom方法来动态在页面body中加入如下html,该如何做?<p id=”p1”>hello world</p>Var b= document.getElementsByTagName(‘body’)[0];Var p=document.createElement(‘p’);p.id=”p1”;p.innerHTML=”hello world”;b.appendChild(p);11、Html dhtml xhtml分别指什么?有何区别?Dhtml是在静态html的基础上综合和其它动态的技术而成DHTML=HTML+CSS+JA V ASCRIPT+DOMHTML则是纯粹的静态网页技术XHTML则是在HTML中加入了xml的规范,是HTML向XML过渡的一种技术,添加了xml 的文档类型定义(DTD)和命名空间的定义,增强了html的标签;12、Css中选择符有那些?通用选择器类型选择器后代选择器子选择器伪类属性选择器类选择器ID 选择器13、请说明cookie的作用?使用cookie的优点、缺点是什么?使用 Cookie 的优点为:●可配置到期规则 Cookie 可以在浏览器会话结束时到期,或者可以在客户端计算机上无限期存在,这取决于客户端的到期规则。

●不需要任何服务器资源 Cookie 存储在客户端并在发送后由服务器读取。

●简单性 Cookie 是一种基于文本的轻量结构,包含简单的键值对。

●数据持久性虽然客户端计算机上 Cookie 的持续时间取决于客户端上的 Cookie 过期处理和用户干预,Cookie 通常是客户端上持续时间最长的数据保留形式。

使用 Cookie 的缺点为:●大小受到限制大多数浏览器对 Cookie 的大小有 4096 字节的限制,尽管在当今新的浏览器和客户端设备版本中,支持 8192 字节的 Cookie 大小已愈发常见。

●用户配置为禁用有些用户禁用了浏览器或客户端设备接收 Cookie 的能力,因此限制了这一功能。

●潜在的安全风险 Cookie 可能会被篡改。

用户可能会操纵其计算机上的 Cookie,这意味着会对安全性造成潜在风险或者导致依赖于 Cookie 的应用程序失败。

另外,虽然 Cookie 只能被将它们发送到客户端的域访问,历史上黑客已经发现从用户计算机上的其他域访问 Cookie 的方法。

您可以手动加密和解密Cookie,但这需要额外的编码,并且因为加密和解密需要耗费一定的时间而影响应用程序的性能。

相关主题