第二阶段前端考试答案总结

一、填空题
1.在HTML5 Web 存储中用于临时保存数据的对象是(sessionStorage)
2.在新窗口中打开网页文档使用target属性的是(_blank)
3.CSS样式定义的方式拥有最高的优先级的是(内联样式)
4.在CSS选择器中，当需要对页面内某类标签的内容进行修饰时需要使用(标签选择器)
5.在JS中创建对象的方式有字面量方式和(构造函数方式)。
6.H5 DOM中新增的一个方法（getElementByClassName）能通过class属性中的类名来访问元素。
7.（eval）函数使用的是JS编译器，可解析JSON 文本，然后生成JavaScript对象。
8.jquery中$(this).get(0)的写法和（getElementsByClassName）是等价的。
9.在JQuery中移除结点属性的方法是（removeAttr()）。
10.在Jquery中（toggle）方法可以切换元素的可见状态，如元素是可见的切换后则隐藏
二、简答题
1.简述表单提交GET和POST请求

get与post的区别与特点：
get方法：默认的一种传递数据的方法
特点:
1.通过地址来传递表单中的数据
2.不能传递敏感的数据,如:密码
3.不能传递大量的数据,每次只能传递1024字节 1K
4.不能上传附件。
post方法:不是通过地址传递数据,数据传给文件处理程序。
特点:
1.相对安全
2.可以传递海量的数据
3.能上传附件
何时使用get和post?
1.如果表单提交是被动的(比如搜索引擎查询),并没有敏感信息。
当你使用get时,表单数据在页面地址栏中是可见的。比如：search.html?name=john&age=25
注：get最适合少量数据的提交，浏览器会设定容量限制。
2.如果表单正在更新数据，或者包含敏感信息。如：密码则使用Post的安全性更好，因为在页面地址栏中被提交的数据时不可见的。

2.$(document).ready()方法和windows.onload方法区别

1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行
3.简写方法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});

3.简述this关键字的作用，$(this)和this 关键字在jQuery中有何不同

（1）this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。
你不能对它调用 jQuery 方法，直到它被 $() 函数包裹，例如 $(this)。
（2）$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等。

三、编程题
1.请用JavaScript实现全选和取消全选的功能，只需要写出代码
<input type="checkbox" id="checkall" />全选
<div class="list">
<input type="checkbox" name="type" value="1" />这是1
<input type="checkbox" name="type" value="2" />这是2
</div>

//答案：
var items=document.getElementsByName("type");
document.getElementById("checkall").onchange=function(){
                  for (var i=0;i<items.length;i++) {
                      items[i].checked=this.checked;
                  }
              }

2.

2.用Jquery分别遍历如下数据：
1）var array=["java","C#","Python","PHP"];

//解法1：
    $(array).each(function(index,element){
    document.write(array[index]+"<br>");
    });
//解法2：
    $(array).each(function(index,element){
    document.write(element+"<br>");
    });
//解法3：
    $.each(array,function(index,element){
    document.write(array[index]+"<br>");
    });

2)var obj=[{"name":"张三","age":"18","sex","男"},
{"name":"李四","age":"19","sex","女"},
{"name":"王五","age":"20","sex","男"}];

$(obj).each(function(index,element){
        $.each(element,function(key,value){
        document.write(key+":"+value);
        });
        document.write("<br />");
    });