CSS,JS方面几个简单的笔试题

时间:2022-04-30 14:36:21

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