第七次周考htmljscss试题Word版Word文档下载推荐.docx
- 文档编号:21168699
- 上传时间:2023-01-28
- 格式:DOCX
- 页数:22
- 大小:1.10MB
第七次周考htmljscss试题Word版Word文档下载推荐.docx
《第七次周考htmljscss试题Word版Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《第七次周考htmljscss试题Word版Word文档下载推荐.docx(22页珍藏版)》请在冰豆网上搜索。
5.有内部样式表定义如下:
style
text/css"
p{color:
Red;
font-size:
15pt;
}
/style>
同时,有
html
代码如下所示:
p
style="
background-color:
gray;
color:
Blue;
text<
/p>
段落中的文本”p
text“的最终显示效果是()。
A.蓝色文本,字体大小为
15pt,背景色为灰色
B.蓝色文本,默认字体大小,背景色为灰色
C.蓝色文本,字体大小为
15pt,无背景色
D.红色文本,字体大小为
优先级:
内联样式(style="
)>
内部或者外部
内部或者外部:
取决于定义的先后顺序,后定义的优先
6.下列引用外部样式表
style1.css
的语句中,正确的是()。
link
style1.css"
rel="
stylesheet"
css"
Css文件引入方式:
Js文件引入方式:
scripttype="
text/javascript"
language=“javascript”src=”XXX.js”>
7.查看如下
代码:
div
header"
help.html"
帮助<
/div>
p>
home.html"
主页<
user.html"
个人中心<
现需要定义样式,实现:
当鼠标移入”帮助“链接上时,文本”帮助“的字体大小变为
20pt,而其他链接不变。
下列样式定义中,正确的是()。
A.a:
hover
{font-size:
20pt;
}
B.div.header
a:
C.#header
D.#header
考点:
●分类选择器,CSS定义时:
.className{}
●id选择器,CSS定义时:
#idname{}
●分组选择器,CSS定义时:
h1,.class1,input.a1{...}
-----为多种元素补充一些统一的外观;
●派生选择器:
使用元素的先后位置关系定义
CSS定义时:
h1span{....}
html页面上:
<
h1>
一周畅销<
span>
榜<
/span>
/h1>
其他文本<
●伪类选择器:
定义不同状态下的样式
:
hover--鼠标悬停
link---未访问过的
active---激活
visited--访问过的
8.查看如下样式定义:
.A
.B
{
font-weight:
bold;
下列选项中,文本加粗显示的是()。
class="
A"
文本A<
B"
文本B<
文本C<
C
考点同上
9.查看如下
float:
left;
clear:
此代码在页面上的显示效果为()。
div>
中的文本和
中的文本分两行显示,且文本左对齐
中的文本在一行上显示,且文本左对齐
中的文本分两行显示,且文本右对齐
中的文本在一行上显示,且文本右对齐
10.有样式定义如下:
div.parent
{
width:
100px;
height:
70px;
border:
1px
solid
div.child
80px;
30px;
black;
silver;
body>
parent"
child"
1<
position:
absolute;
top:
15px;
2<
/body>
第二个
在页面上的最终位置是()。
A.其上边框距离其父元素(div)
为
15
px
距离
B.其上边框距离
body
元素为
C.其上边框距离其原有位置为
D.使用默认位置,定位并未发生改变
11.需要在
页面上引用脚本文件myJs.js,下列语句中,正确的是()。
script
language="
javascript"
myJs.js"
/script>
12.查看如下
JavaScript
代码(用于得到录入数值的整数部分):
function
getInt()
var
str
=
document.getElementById("
txtData"
).value;
if
(
插入代码1
)
alert("
请录入数值"
);
else
data
插入代码2
;
整数部分为:
+
data);
为实现所需功能,”插入代码1“和”插入代码2“处所需要的代码分别是()。
isNaN(str)
和
parseFloat(str)
!
parseInt(str)
正确
答案:
13.查看如下
10"
b
10;
(a
==
b)
equal"
===
same"
此代码运行后,效果为()。
A.只弹出”equal“
B.只弹出”same“
C.先弹出”equal“,再弹出”same“
D.没有弹出显示
14.阅读如下代码:
a1
[1,
2,
12];
a2
[4,
23];
a1.concat(a2);
a1.sort();
alert(a1.join("
));
代码运行后,alert
方法弹出的内容为()。
A.1;
2;
12
B.1;
12;
2
C.1;
4;
23
D.1;
23;
4
15.阅读如下代码:
str1
abc123def456"
str2
str1.replace(/\d+/gi,
*"
代码运行后,str2
的内容为()。
A.abc***def
B.abc***def***
C.abc*def
D.abc*def*
g:
全局匹配
i:
忽略大小写
gi:
以上组合
16.html
页面主体的代码如下:
form>
text"
t1"
/form>
下列选项中,能向文本框中写入文本的是()。
A.document.getElementById("
).value
aa"
B.document.getElementById("
).innerHTML
bb"
C.document.getElementsByTagName("
input"
)[0].value
cc"
D.document.getElementsByTagName("
)[0].innerHTML
dd"
AC
找到目标节点
1)精确查找(通过ID):
document.getElementById("
id"
2)位置查找(相对位置):
parentNode、childNodes、firstChild、lastChild
3)标签名称:
document.getElementsByTagName
17.HTML
页面上有一个超链接,要实现当鼠标移入该超级链接时,超级链接的文本背景色变为灰色。
下列选项中,能实现此功能的是()。
#"
onmouseover="
this.style.background.color='
gray'
注册<
onmouseout="
this.style.background-color='
this.style.backgroundColor=gray;
this.style.backgroundColor='
●标签中的属性必须加引号。
●鼠标移到连接上采用onmouseover事件
18.有数组定义如下:
14,
4,
12,
现需要实现对数组
中的内容按照数值大小升序排列,下列代码中,错误的是()。
A.a1.sort(new
Function("
a"
b"
return
a-b;
B.a1.sort(function
(a,
b)
-
b;
});
C.a1.sort(new
D.a1.sort(sortFunc);
sortFunc(a,
除了可以直接定义函数以外,另外两种定义方法的方式:
方式一:
newFunction("
"
方式二(匿名函数):
vari=function(){};
19.现需要在页面上实现动态时钟的显示,其
代码如下:
onload="
initialClock();
span
mySpan"
相应的
initialClock()
//<
插入代码
};
timerFunc()
v
new
Date()
v.toLocaleTimeString();
为实现所需功能,”插入代码“处所需要的代码是()。
window.setInterval(timerFunc,1000);
window.setInterval(timerFunc(),1000);
window.setTimeout(timerFunc,1000);
D.window.setTimeout(timerFunc(),1000);
20.下列选项中,不是
window
对象的子对象的是()。
A.location
B.history
C.screen
D.arguments
Argments的作用:
Function对象与function方法:
每个方法其实就是一个Function对象,其标识是方法的名称
js中重载:
没有直接的重载(如果有同名的方法,以最后一次定义的为准)
模拟重载的效果:
使用arguments关键字(对象)
arguments:
方法体中,获得传入的所有参数
21.html
页面上有一个
id
值为
s1
的
select>
元素,现需要使用
代码清空其所有选项,下列选项中,错误的是()。
s1"
).options.length
0;
).options
null;
C.while
(document.getElementById("
0)
).remove(0);
D.var
selObj
while
(selObj.childNodes.length
selObj.removeChild(selObj.lastChild);
22.html
代码向列表中添加一个选项(<
option>
元素),下列选项中,错误的是()。
).appendChild(new
Option("
18));
).add(new
).options[document.getElementById("
).options.length]
18);
).options.appendChild(new
23.阅读如下
f1()
c
Circle(10);
alert(c.radius);
//10
alert(c.area);
//314.16
此方法运行时,先弹出
10
,然后弹出
314.16,表示构建了
半径为
的圆,可以得到该圆的半径和面积。
下列定义
Circle
对象的代码中,正确的是()。
A.function
Circle(r)
this.radius
r;
this.area()
(Math.PI
*
r
r).toFixed
(2);
B.function
Math.PI
C.function
this.area
D.function
a)使用Object对象封装数据
newObject();
.name="
//属性
.func=function对象;
//方法
特征:
使用简单,不能实现重用,适用于简单数据的封装,不需要重复使用
b)自定义对象
定义
functionClassName(value1,value2,..){
this.属性名称=value1;
this.方法名称=function对象;
}
使用
varp1=newPerson("
may"
18);
varp2=newPerson("
to"
28);
真正的封装,可以重用
24.html
b1
的按钮,现需要使用
代码为其定义单击事件:
单击该按钮后,弹出“Hello”。
下列选项中,错误的是()。
b1"
).onclick
()
hello"
alert('
hello'
C.document.getElementById("
D.document.getElementById("
clickFunc;
clickFunc()
Hello"
25.需要在原有浏览器窗口中打开地址为
的页面,且保留历史访问记录。
下列选项中,正确的是()。
A.location.href
B.window.open("
C.location.replace("
D.history.back();
window.open()--一定会打开新的页面或页签
history.xxx--仅限于在历史浏览记录中
location.href="
url"
--跳转到新的url页面,保留历史记录
location.replace("
---使用新的url替换当前的页面,不会保留历史记录
(注:
可编辑下载,若有不当之处,请指正,谢谢!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第七 次周考 htmljscss 试题 Word
![提示](https://static.bdocx.com/images/bang_tan.gif)