1. 程式人生 > >CSS,JS方面幾個簡單的筆試題

CSS,JS方面幾個簡單的筆試題

1 js中如何定義class,如何擴充套件prototype?

定義Class就用function ClassName() {}

擴充套件prototype就用ClassName.prototype.屬性或者函式就可以.

舉例:

function MyObject() {

}

上面就是一個物件,你也可以理解為一個Class

MyObject.prototype.show = function () { alert(); }

為原型擴充套件一個叫做show的方法

new MyObject().show();

呼叫這個方法.

寫一段js程式碼,要求在點選某個字串時,同頁面的輸入框的值顯示為該字串。例如有:

<input id=”test name=test value=”” />

<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);

給頁面上id為 STA_FLAG的元素賦值

從父頁面的js物件modifyRecordEmailSTA_FLAG屬性的值,如果值為null,就填””

$("#STA_FLAGInput").val($("#STA_FLAG option:selected").text());

給頁面上id為 STA_FLAGInput的元素賦值

從元素IDSTA_FLAG的表單域裡取出option值為selected的選項的text