CSS,JS方面幾個簡單的筆試題
1 js中如何定義class,如何擴充套件prototype?
定義Class就用function ClassName() {}
擴充套件prototype就用ClassName.prototype.屬性或者函式就可以.
舉例:
function MyObject() {
}
上面就是一個物件,你也可以理解為一個Class
MyObject.prototype.show = function () { alert(); }
為原型擴充套件一個叫做show的方法
new MyObject().show();
呼叫這個方法.
2 寫一段js程式碼,要求在點選某個字串時,同頁面的輸入框的值顯示為該字串。例如有:
<a href=”” onClick=””>點我啊<a>
<input id="test" name="test" value=""/>
<a href="javascript:void(0);" onclick="document.getElementById('test').value=this.innerHTML">dd</a>
3. 如何指定div元素中樣式類為c1,字型大小為20px字型顏色為藍色,div邊框為紅色可見的細線的css
<style>
div {
color:blue;font-size:20px;border:solid 1px red
}
</style>
<div class=”ddd”>aaaddddddddddddddddd</div>
4. 用html實現如下表格(不能巢狀使用表格)
三行三列,其中第一行第二列和第二行第二列合併;
第三行第二列和第三行第三列合併
<table width="80%" border="1">
<tr>
<td>aaaa</td>
<td rowspan="2">bbb</td>
<td>ccc</td>
</tr>
<tr>
<td>ddd</td>
<td>eee</td>
</tr>
<tr>
<td>fff</td>
<td colspan="2">ggg</td>
</tr>
</table>
5. 簡述ajax的原理.
原理就是用JavaScript提交資料,然後繼續執行其他程式碼,而不是等待提交的完成,等提交的請求有迴應的時候,根據迴應執行不同的操作。所以叫非同步的。
優勢就是實現頁面不重新整理改變值,可以帶來更好的使用者體驗。
6. 下邊的2行程式碼有JQuery語法,試著詳細描述下邊程式碼的含義
$("#STA_FLAG").val(parent.modifyRecordEmail.STA_FLAG==null?"":parent.modifyRecordEmail.STA_FLAG);
A 給頁面上id為 STA_FLAG的元素賦值
B 從父頁面的js物件modifyRecordEmail取STA_FLAG屬性的值,如果值為null,就填””
$("#STA_FLAGInput").val($("#STA_FLAG option:selected").text());
A 給頁面上id為 STA_FLAGInput的元素賦值
B 從元素ID為STA_FLAG的表單域裡取出option值為selected的選項的text值