1 段落中的文本”p text“的最终显示效果是(A)。 A.蓝色文本,字体大小为 15pt,背景色为灰色
<style type="text/css">
p{color:Red;font-size:15pt;}
</style>
同时,有 html 代码如下所示:
<p style="background-color:gray;color:Blue;">p text</p>
2 引用外部样式表 style1.css 的语句:
<link href="style1.css" type="text/css" rel="stylesheet" />
或 <style type="text/css">@import url(style1.css);</style>
需要在 html 页面上引用脚本文件myJs.js,语句:
<script language="javascript" src="myJs.js" type="text/javascript"></script>
3 鼠标移入”帮助“链接上,文本”帮助“的字体大小变为 20pt,其他链接不变。下列样式正确的是(D)。
A.a:hover {font-size:20pt;}
B.div.header a:hover {font-size:20pt;}
C.#header a {font-size:20pt;}
D.#header a:hover {font-size:20pt;}
<div id="header">
<a href="help.html">帮助</a>
</div>
<p>
<a href="home.html">主页</a>
<a href="user.html">个人中心</a>
</p>
4、 HTML 页面上有一个超链接,要实现当鼠标移入该超级链接时,超级链接的文本背景色变为灰色。下列选
项中,能实现此功能的是(D)。
A.<a href="#" onmouseover="this.style.background.color='gray';">注册</a> //错误用法
B.<a href="#" onmouseout="this.style.background-color='gray';">注册</a> //css
C.<a href="#" onmouseover="this.style.backgroundColor=gray;">注册</a> //引号
D.<a href="#" onmouseover="this.style.backgroundColor='gray';">注册</a>//正确
5 查看如下样式定义:
.A .B { font-weight:bold;} 下列选项中,文本加粗显示的是(C)。
A.<a class="A">文本A</a>
B.<a class="B">文本B</a>
C.<p class="A"><a class="B">文本C</a></p>
D.<p class="B"><a class="A">文本C</a></p>
6 查看如下 html 代码: <div style="float:left;">div text</div>
<p style="clear:left;">p text</p>
此代码在页面上的显示效果为(A)。
A.<div> 中的文本和 <p> 中的文本分两行显示,且文本左对齐
B.<div> 中的文本和 <p> 中的文本在一行上显示,且文本左对齐
C.<div> 中的文本和 <p> 中的文本分两行显示,且文本右对齐
D.<div> 中的文本和 <p> 中的文本在一行上显示,且文本右对齐
1. 查看如下 JavaScript 代码(用于得到录入数值的整数部分):
function getInt() {
var str = document.getElementById("txtData").value;
if ( << 插入代码1 >> )//不是数字: isNaN(str)
alert("请录入数值");
else {
var data = << 插入代码2 >>;
alert("整数部分为:" + data);
}
}
为实现所需功能,”插入代码1“和”插入代码2“处所需要的代码分别是(C)。
A. isNaN(str) 和 parseFloat(str)
B. !isNaN(str) 和 parseFloat(str)
C. isNaN(str) 和 parseInt(str) //parseInt()函数主要将首位为数字的字符串转化为数字。如果
D. !isNaN(str) 和 parseInt(str)//字符串不是以数字开头,则将返回NaN。
2、 阅读如下代码:
var a1 = [1, 2, 12];
var a2 = [4, 23];
a1.concat(a2);
a1.sort();
alert(a1.join(";"));
代码运行后,alert 方法弹出的内容为(B)。
A.1;2;12
B.1;12;2
C.1;2;4;12;23
D.1;12;2;23;4
3、 阅读如下代码:
var str1 = "abc123def456";
var str2 = str1.replace(/\d+/gi, "*");//匹配一个数字字符。等价于 [0-9]。
代码运行后,str2 的内容为(D)。
A.abc***def
B.abc***def***
C.abc*def
D.abc*def*
4、 html 页面主体的代码如下:
<body>
<form>
<input type="text" id="t1" />
</form>
</body>
下列选项中,能向文本框中写入文本的是(AC)。 (多选题)
A.document.getElementById("t1").value = "aa";
B.document.getElementById("t1").innerHTML = "bb";
C.document.getElementsByTagName("input")[0].value = "cc";
D.document.getElementsByTagName("input")[0].innerHTML = "dd";
5 有数组定义如下:
var a1 = [1, 14, 4, 12, 23];
现需要实现对数组 a1 中的内容按照数值大小升序排列,下列代码中,错误的是(C)。
A.a1.sort(new Function("a", "b", "return a-b;"));
B.a1.sort(function (a, b) { return a - b; });
C.a1.sort(new function (a, b) { return a - b; }); //new 错误
D.a1.sort(sortFunc);
function sortFunc(a, b) {
return a - b; }
1. 现需要在页面上实现动态时钟的显示,其 html 代码如下:
<body onload="initialClock();">
<span id="mySpan"></span>
</body>
相应的 JavaScript 代码如下: function initialClock()
{ //<< 插入代码 >>; };
function timerFunc()
{ var v = new Date()
document.getElementById("mySpan").innerHTML = v.toLocaleTimeString(); }
为实现所需功能,”插入代码“处所需要的代码是(A)。
A. window.setInterval(timerFunc,1000); //或者setInterval("timeCount()",1000);
B. window.setInterval(timerFunc(),1000);
C. window.setTimeout(timerFunc,1000);
D.window.setTimeout(timerFunc(),1000);
2、 下列选项中,不是 window 对象的子对象的是(D)。
A.location
B.history
C.screen
D.arguments//documents
3、 html页面上有一个id 值为 s1 的 <select> 元素,现需要使用 JavaScript代码清空其所有选项,
下列选项中,错误的是(D)。
A.document.getElementById("s1").options.length = 0;
B.document.getElementById("s1") = null;
C.while (document.getElementById("s1").options.length > 0)
{ document.getElementById("s1").remove(0); }
D.var selObj = document.getElementById("s1");
while (selObj.childNodes.length > 0)
{ selObj.removeChild(selObj.lastChild); }
4. html 页面上有一个 id 值为 s1 的 <select> 元素,现需要使用 JavaScript 代码向列表中添加
一个选项(<option>元素),下列选项中,错误的是(B)。
A. document.getElementById("s1").appendChild(new Option("aa", 18));
B. document.getElementById("s1").add(new Option("bb", 18));
C. document.getElementById("s1")
.options[document.getElementById("s1").options.length] = new Option("cc", 18);
D. document.getElementById("s1").options.appendChild(new Option("dd", 18));
obj.add(new Option("文本","值")); //这个只能在IE中有效
obj.options.add(new Option("text","value")); /
5、 23. html 页面上有一个 id 值为 b1 的按钮,现需要使用 JavaScript 代码为其定义单击事件:单
击该按钮后,弹出“Hello”。下列选项中,错误的是(C)。
A.document.getElementById("b1").onclick = function () { alert("hello"); };
B.document.getElementById("b1").onclick = new Function("alert('hello'); ");
C.document.getElementById("b1").onclick = new function () { alert("hello"); };
D.document.getElementById("b1").onclick = clickFunc;
function clickFunc() {
alert("Hello");
}
1、 window对象的方法中,(A )方法是用于弹出确认对话框,可让选择“确定”或“取消”
A、confirm() B、alert() C、prompt() D、open()
2、 以下JavaScript变量名不合法的有(AC B)(多选题)?
A、4Myvariable B、My@variable C、function D、Myvariable4
//变量名区分大小写,允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允
许包含空格和其他标点符号
3、 如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?D
A、append(content) B、prepend(content) C、before(content) D、after(content)
4、 下面对表单的POST提交方式描述不正确的是( A )。
A. 若直接在地址栏中输入URL按回车按GET方式提交;
B. 若属性method不指定任何值或者不加属性method,默认按GET方式提交;
C. 只有在method指定为POST时才按POST方式提交;
D. POST提交是将表单字段信息放置到请求头中;
5、 CSS的盒子模型由什么组成?
1.内容(content)————我们往往给块级元素设置高度和宽度就是内容的高度和宽度
2.边框(border)————边框的粗细是盒子的一部分(四个边框)
3.内边距(padding)————内容和边框的距离(四个方向)
4.外边距(margin)————边框四周的空间,距离父容器的距离(四个方向)
6、 display:none和visibility:hidden的区别是什么?
答:display:none 不为被隐藏的对象保留其物理空间
visibility:hidden 为被隐藏的对象保留其物理空间
也就是display:;当他的值变成block 的时候,它所在的结构才会被加载进来。
而visibility就会在加载页面的同时就已经把它加载进来了,
因为他的值为hidden的时候,它所占的空间还在。
7. 如何居中div?
答:设置宽度:还设置 margin: 0px auto;
8. 编写一个正则表达式:判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下
划线,总长度为5-20
答:var reg=/^[A-Za-z]\w{4,19}$/;
alert(reg.test("avcd12345"));
9、 类选择器定义样式的:(1)first-line 伪元素:伪元素用于向文本的首行设置特殊样式。例如:
p:first-line
{
color:#ff0000;
font-variant:small-caps;
}
(2) "first-letter" 伪元素用于向文本的首字母设置特殊样式:
(3) ":before" 伪元素可以在元素的内容前面插入新内容。
(4) ":after" 伪元素可以在元素的内容之后插入新内容。