CSS,JS方面几个简单的笔试题
2017-07-28 10:46
274 查看
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值
定义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值
相关文章推荐
- firefox几个好用的js,css调试插件
- 简单的TabView(JS+CSS)
- 转过来,我马上要用了,嘿嘿----js和css制作简单的文字闪烁效果
- JS+CSS实现简单滑动门(滑动菜单)效果
- 简单的服务器 实现引用css、js和a链接可以跳转
- js css+html实现简单的日历
- js+css中的clip进行的简单的缩略图裁剪
- JS+CSS简单实现DIV遮罩层显示隐藏
- 简单使用grunt、bower工具合并压缩js和css
- JS+CSS实现的简单折叠展开多级菜单效果
- css + js实现简单无缝滚动字幕
- css+js简单实现table固定首行首列
- JS几个简单功能
- CSS教程(八) 简单介绍CSS结合JS的运用
- css+js制作简单的轮播图效果
- tomcat服务器下使用nginx实现最简单的动静分离--解决css、js不加载的问题
- CSS+JS实现简单的时钟
- HTML+CSS+JS 简单Tooltip
- 几个简单实用的css效果
- 用html+css+js实现的一个简单的图片切换特效