前端筆試題總結2

HTML

1..innerHTML，innerText，outerHTML，innerText的區別？

•innerHTML 設置或獲取位於對象起始和結束標籤內的 HTML 
•outerHTML 設置或獲取對象及其內容的 HTML 形式 
•innerText 設置或獲取位於對象起始和結束標籤內的文本 
•outerText 設置(包括標籤)或獲取(不包括標籤)對象的文本 

2.form中的input有哪些類型？各是作什麼處理使用的？

button:普通按鈕

submit:提交按鈕

reset:重置表單按鈕

image:圖片按鈕

text:文本

password:密碼

file:上傳文件

radio:單選框

checkbox:複選框

hidden:隱藏

3.table標籤中border,cellpadding , td標籤中colspan,rowspan分別起什麼做用？

border:邊框

cellpadding:邊距

colspan:跨列數

rowspan:跨行數

4.說幾條XHTML規範的內容（至少3條）

屬性加引號，標籤閉合等

5.如何將網頁中用gb2312編碼形式編寫的HTML文件轉換成utf－8編碼形式的HTML文檔？

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
這句話改爲
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

或者用dw、sublime text進行轉碼

6.js的轉向函數是什麼

window.location.href   

JS

1.如下哪一個單詞不屬於javascript保留字：（） 
A. with 
B. parent 
C. class 
D. void 

【答案】B

2.如下哪些是javascript的全局函數：（） 
A. escape 
B. parseFloat 
C. eval 
D. setTimeout 
E. alert 

【解析】JavaScript 中包含如下 7 個全局函數：escape( )、eval( )、isFinite( )、isNaN( )、parseFloat( )、parseInt( )、unescape( )。

【答案】ABC

3.談談javascript數組排序方法sort()的使用，重點介紹sort()參數的使用及其內部機制

sort方法用於對數組進行排序，默認是按照從小到大排列。它的參數是個閉包函數，用來肯定排序規則，若是有參數，就會按照參數的返回值的正負來判斷怎麼排序，好比arr.sort(function(a,b){return a-b;}),若果返回值是正數，就把b排到a前面，至關於一個簡寫的冒泡排序法。

4.對方法聲明中的錯誤代碼：function Add(int i1,int i2) 分析正確的是（）

A.參數不能指定數據類型

B.沒有指定返回類型

C.沒有指定訪問

D.Function不是方法聲明的關鍵字

【解析】js 是弱類型語言，參數不要也沒辦法指定數據類型。

【答案】A

5.下列選項中，描述正確的是（ ）

A.options.add(new Option(’b’,’B’))能夠動態添加一個下拉列表選項

B.option.add(new Option(‘b’,’B’))能夠動態添加一個下拉列表選項

C.new Option(‘b’,’B’)中’b’表示列表選項的值，’B’用於頁面中顯示

D.new Option(‘b’,’B’)中’B’表示列表選項的值，’b’用於頁面中顯示

obj.add(new Option("文本","值"));    //方法一：
obj.options.add(new Option("text","value")); //方法二：
for(var i=0;i<10;i++){
    obj.options[i]=new Option("新文本","新值");    //方法三：
}

【答案】AD

6.在JavaScript中如下哪一個變量名是非法的（）

A._loves1

B.8loves

C.Loves

D.love@$s

【解析】變量必須以字母開頭(也能夠$或_，不過不建議)

【答案】B

7.JavaScript是運行在（）的腳本語言

A.服務器端

B.客戶端

C.在服務器運行後，把結果返回到客戶端

D.在客戶端運行後，把結果返回到服務器

js是一種客戶端腳本語言，而asp、php纔是服務器端語言

8.分析下面的JavaScript代碼段，輸出的結果是（）

emp = new Array(5);
emp[1]=1;
emp[2]=2;
document.write(emp.length);

A.2

B.3

C.4

D.5

【解析】數組定義：var myArray=new Array()，括號裏規定了數組的長度

【答案】D

9.如下代碼錯誤的是（）
var name = document.myform.txtName.value;   第一行
if(name.length= =」」)                                       第二行
{
     confirm(「姓名不能爲空！」);                            第三行
     return false;
}

A.第一行

B.第二行

C.第三行

D.沒  有

【解析】判斷對象爲不爲空，應該用name.value或name.value.length

【答案】B

10.JavaScript中的關係運算符不包含（）

A.==

B.<=

C.>=

D.< 

【解析】關係運算符：小於，小於等於，大於，大於等於(等號、非等號和全等號、非全等號屬於等性運算符)

【答案】A

11.假定今天是2006年4月1日星期六，請問下列JavaScript代碼在頁面上的輸出結果是（     ）。

var time=new Date();

document.write(time.getDate());

A. 2006

B. 4

C. 1

D. 6

【解析】返回某一天

注：getMonth()是實際月數-1，且個位數字不用在前面加0

getDay()得到具體星期幾，是數字

【答案】C

12.在HTML中，使用JavaScript中的瀏覽器對象實如今當前窗口打開連接"http://www.baidu.com"的javascript語句是（     ）

 A. window.open("http://www.baidu.com");

 B. document.write("http://www.baidu.com");

 C. location.replace("http://www.baidu.com");

 D. location.reload("http://www.baidu.com");

【解析】window.open()是新窗口打開

location.replace()用新的文檔替換當前文檔

location.reload()從新加載當前文檔，不停閃爍

【答案】C

13.在進行表單驗證時，當填寫的文本框信息有錯誤時，一般會在文本框後面用紅色的特殊字體顯示錯誤信息，那麼這種即時錯誤信息是在文本框發生了（     ）事件後產生的

A. onfocus    B. onblur    C. onchange      D. onclick

【答案】B

14.下列哪一個函數能夠將參數字符串當成Javascript程序代碼執行？(    )
A． eval()     B．  escape()      C． encodeURI()       D．  toString()

【解析】eval() 函數可計算某個字符串，並執行其中的的 JavaScript 代碼。

如eval("x=10;y=20;document.write(x*y)";

document.write(eval("2+2"));

var x=10;document.write(eval(x+17));

實際用的狀況很少

【答案】A

15.下列哪一個函數能夠用來判斷參數是否爲有限值？(    )
A．isNumber()      B．  isFinite()      C． isNull()     D．  isNaN()

【解析】isFinite()函數用於檢查其參數是不是無窮大

若是是有限數字則返回true，如若是不是數字或者是正、負無窮大的數，則返回false

【答案】B

16.下列各運算符中，______優先級最高。
A．+    B. &&     C. ==    D. *=

【解析】

運算符	描述
. [] ()	字段訪問、數組下標、函數調用以及表達式分組
++ -- - ~ ! delete new typeof void	一元運算符、返回數據類型、對象建立、未定義值
* / %	乘法、除法、取模
+ - +	加法、減法、字符串鏈接
<< >> >>>	移位
< <= > >= instanceof	小於、小於等於、大於、大於等於、instanceof
== != === !==	等於、不等於、嚴格相等、非嚴格相等
&	按位與
^	按位異或
|	按位或
&&	邏輯與
||	邏輯或
?:	條件
= oP=	賦值、運算賦值
,	多重求值

*=屬於賦值運算

【答案】B

17.表達式7^12*12-4^7的值是______。
A．7    B.  644     C.  140   D. 340

【解析】運算符操做順序: *>->^，因此是7^140^7，通過兩次異或，值不變

【答案】C

18.對於下面的表格：
<table border="1" width="30%" id="t1">
    <tbody id="b1">
    <tr>
            <td> </td><td> </td>
    </tr>
    <tr>
        <td> </td><td> </td>
    </tr>
    <tr>
        <td> </td><td> </td>
    </tr>
    </tbody>
</table>
能夠刪除表格全部行的代碼是：

A.  
 var tb = document.getElementById("t1");
 var rows = tb.getElementsByTagName("tr");
 for(var i=rows.length-1;i>=0;i--) {
   tb.removeChild(rows[i]);
 }
B.  
 var tb = document.getElementById("b1");
 var rows = tb.getElementsByTagName("tr");
 for(var i=rows.length-1;i>=0;i--) {
   tb.removeChild(rows[i]);
 }  
C.  
 var tb = document.getElementById("t1");
 for(var i=tb.rows.length-1; i>=0;i--) {
    tb.deleteRow(i);
 }  
D.  
 var tb = document.getElementById("b1");
 for(var i=tb.rows.length-1; i>=0;i--) {
    tb.deleteRow(i);
 }

【解析】table不能直接用removeChild刪除tr，而tbody能夠

【答案】BCD

19.執行代碼的值

var i=9;
function fo(){
    var i=0;
    return function(n){
        return n+i++;
        //return n+++i;
        //return n+(++i);
    }
};
var f=fo();
var a = f(15);alert(a); 
var b = fo()(15);alert(b); 
var c = fo()(20); alert(c);
var d = f(20);alert(d); 

【解析】外面的i是全局變量，不會影響到裏面的函數，注意a和d是同一塊區域內執行，而b和c不相互影響，從新開闢了2塊區域，a和d至關於

var a=function f(){return n+i++;} 

return i++;   //先賦值再自加運算

return ++i;   //先自加運算再賦值

因此return n+i++;即n和i先相加，而後i再累加

return n+++i;即n先和i相加，而後n本身再累加

return n+(++i);即i先累加，而後n和i再相加

【答案】15 15 20 21

15 15 20 20

16 16 21 22

20.判斷瀏覽器(如判斷谷歌)

if(window.navigator.userAgent.indexOf('Chrome')!=-1){
    alert("谷歌瀏覽器");
}

21.不一樣瀏覽器下，點擊元素，彈出該元素的標籤

document.onclick=function(e){
    e=event.target ||event.srcElement;
    alert(e.tagName);
}

22.alert()裏內容換行

要換行的內容後面加\\n 

23.null==undefined的值？

true

24.eval是什麼？
答：eval() 函數可計算某個字符串，並執行其中的的 JavaScript 代碼。

25.var a=5;

alert(a++);

alert(++a);

輸出：5 7

a++先賦值後運算，雖然彈出的值不變但是彈出完了，他的值仍是自增了

26.new關鍵字後的構造函數中的this指向用該構造函數構造出來的新對象：

27.alert('5'-'3');

alert('5'-3);

都輸出2

只有加法會進行字符串拼接

別的都直接算數運算

若是是字符串相減 會輸出NaN

28.

var foo = {   
    bar: function() { return this.baz; },   
    baz: 1  
};  
(function(){   
    return typeof arguments[0]();  
})(foo.bar);  

匿名函數執行後返回this.baz，這時候的this指向window

因此輸出undefined