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代码，要求在点击某个字符串时，同页面的输入框的值显示为该字符串。例如有：<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);

 

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值