前端开发网摘面试题与答案

来源：互联网发布：指绘软件meidbang 编辑：程序博客网时间：2024/06/10 20:25

1.html中form里action方法的get和post有什么区别。
1）、Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。
2）、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。
3）、Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。Post的所有操作对用户来说都是不可见的。
4）、Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post（当然还有一个原因，将在后面的提到）。
5)、Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。
6)、Get是Form的默认方法。
2.css的加载顺序是什么，给出一段代码让我分析指定元素最后的显示结果

对于页面内的css的加载顺序，首先在浏览器加载页面之时，先要加载css文件，无论是位于head区域还是body区域的style定义区段，都会按照顺序加载或者覆盖。例如：

<html>

<head>

</head>

<body>

<span class="sp">HELLO</span>

</body>

</html>

这里面最终调用的样式是<style>.sp{font-size:48px;}</style>，就是说无论css的定义在哪，关键是顺序，对于相同名称的class，靠后的肯定会覆盖前面的定义（对应属性）。

但是对于标签自有的样式，在加载过程中浏览器发现其自有样式则不会加载其他样式了，即：

<html>

<head>

</head>

<body>

<span class="sp" style="font-size:9px;">HELLO</span>

</body>

</html>

最终调用的样式应该是 style="font-size:9px;"。

3.http状态码知道哪些，400跟500什么区别，301代表什么，301跟302有什么区别

301，302 都是HTTP状态的编码，都代表着某个URL发生了转移，不同之处在于：

301 redirect: 301 代表永久性转移(Permanently Moved)。

302 redirect: 302 代表暂时性转移(Temporarily Moved )。
对于用户而言：301，302对用户来说没有区别，他们看到效果只是一个跳转，浏览器中旧的URL变成了新的URL。页面跳到了这个新的url指向的地方。对于引擎和站长302转向可能会有URL规范化及网址劫持的问题。可能被搜索引擎判为可疑转向，甚至认为是作弊 4.css嵌入html的incline，internal，external三种方式什么区别

5.html元素的id跟class什么区别
id和class是网页中两个通用属性，他们协同工作使整个页面丰富多彩，当我们为一个元素定义样式时，二者都可用，但有区别
1）在css样式表中书写时，id选择符前缀应加“#”，class选择符前缀应加“.”
2)id属性在一个页面中书写时只能使用一次，而class可以反复使用
3)id作为元素标签用于区分不同结构和内容，而class作为一个样式，可以应用到任何结构和内容当中去
4）布局上的一般原则：id先确定结构和内容再为它定义样式。而class正好相反，是先定义样式，然后在页面中根据不同需求把样式应用到不同结构和内容上
5）目前浏览器都允许同一个页面出现多个相同属性值的id，一般情况能正常显示，不过当javascript通过id来控制元素时就会出错
6）在实际应用中，class常被用到文字版块和页面修饰上，而id多被用在宏伟布局和设计包含块，或包含框的样式。
6.html中block标签跟incline标签有什么区别，div和span分别属于哪种

span和div的不同之处在于span是内联的，用在一小块的内联HTML中，前后不断行.
div（想想division是什么意思）元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。
p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.

DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表（共同点）。
两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。
<div style="display:inline"></div>
<span></span>
<div></div>
<span style="dispaly:block"></span>
7.Ajax是什么

Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。Ajax包括：

XHTML和CSS
使用文档对象模型(Document Object Model)作动态显示和交互
使用XML和XSLT做数据交互和操作
使用XMLHttpRequest进行异步数据接收
使用JavaScript将它们绑定在一起

9.不用css，如何用js控制html字体颜色

<HTML><HEAD><STYLE type="text/css">.bfont {font-size:20px;color:blue;}.nfont {font-size:16px;color:red;}.sfont {font-size:12px;}.cdiv {font-size:12px;}.cdiv span {cursor:hand;text-decoration:underline;color:blue;}</STYLE><TITLE>js改变字体大小</TITLE></HEAD><BODY id = pgcontent class = nfont><div class = cdiv><span onclick= "pgcontent.className='bfont';">大字体</span> |<span onclick= "pgcontent.className='nfont';">中字体</span> |<span onclick= "pgcontent.className='sfont';">小字体</span></div><p>点击上面的“大字体”，“中字体”，“小字体”，可以相应改变字体大小。</p></BODY></HTML>

10.html、js、css、加载顺序是什么？（待定）
15.jsp几个内置对象是什么
request对象客户端的请求信息被封装在request对象中，通过它才能了解到客户的需求，然后做出响应。它是HttpServletRequest类的实例。
response对象包含了响应客户请求的有关信息，但在JSP中很少直接用到它。它是HttpServletResponse类的实例
session对象指的是客户端与服务器的一次会话，从客户端连到服务器的一个WebApplication开始，直到客户端与服务器断开连接为止。它是HttpSession类的实例.
out对象是JspWriter类的实例,是向客户端输出内容常用的对象
page对象就是指向当前JSP页面本身，有点象类中的this指针，它是java.lang.Object类的实例
application对象实现了用户间数据的共享，可存放全局变量。它开始于服务器的启动，直到服务器的关闭，在此期间，此对象将一直存在；这样在用户的前后连接或不同用户之间的连接中，可以对此对象的同一属性进行操作；在任何地方对此对象属性的操作，都将影响到其他用户对此的访问。服务器的启动和关闭决定了application对象的生命。它是ServletContext类的实例。
exception对象是一个例外对象，当一个页面在运行过程中发生了例外，就产生这个对象。如果一个JSP页面要应用此对象，就必须把isErrorPage设为true，否则无法编译。他实际上是java.lang.Throwable的对象
pageContext对象提供了对JSP页面内所有的对象及名字空间的访问，也就是说他可以访问到本页所在的SESSION，也可以取本页面所在的application的某一属性值，他相当于页面中所有功能的集大成者，它的本类名也叫pageContext。
16.html页面中有个checkbox，如何不点击那个小圆圈而是点击右边的文字来选中

前端开发网摘面试题 与答案

前端开发网摘面试题与答案