第二階段前端考試答案總結

1、填空題
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）方法能夠切換元素的可見狀態，如元素是可見的切換後則隱藏
2、簡答題
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() 獲取值等等。

3、編程題
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 />");
    });