第七次周考htmljscss试题Word版.docx

上传人:b****6 文档编号:8032428 上传时间:2023-01-28 格式:DOCX 页数:22 大小:1.10MB
下载 相关 举报
第七次周考htmljscss试题Word版.docx_第1页
第1页 / 共22页
第七次周考htmljscss试题Word版.docx_第2页
第2页 / 共22页
第七次周考htmljscss试题Word版.docx_第3页
第3页 / 共22页
第七次周考htmljscss试题Word版.docx_第4页
第4页 / 共22页
第七次周考htmljscss试题Word版.docx_第5页
第5页 / 共22页
点击查看更多>>
下载资源
资源描述

第七次周考htmljscss试题Word版.docx

《第七次周考htmljscss试题Word版.docx》由会员分享,可在线阅读,更多相关《第七次周考htmljscss试题Word版.docx(22页珍藏版)》请在冰豆网上搜索。

第七次周考htmljscss试题Word版.docx

第七次周考htmljscss试题Word版

1.下列元素中,为行内元素的是()。

A.div

B.span

C.p

D.h3

正确答案:

B

 

2.下列HTML代码中,能在新窗口中打开新浪首页的是()。

A. 新浪

B. 新浪

C. 新浪

D. 新浪

正确答案:

C

3.需要创建一个多选框,且和文本关联起来(单击文本就像单击核选框一样)。

下列 HTML 代码中,正确的是()。

A.

B.记住我

C.

D.记住我

正确答案:

D

4.下列属性中,不能用于  元素的是()。

A.cellpadding

B.colspan

C.rowSpan

D.valign

正确答案:

A

5.有内部样式表定义如下:

    

        p{color:

Red;font-size:

15pt;}

    

同时,有 html 代码如下所示:

    

gray;color:

Blue;">p text

段落中的文本”p text“的最终显示效果是()。

A.蓝色文本,字体大小为 15pt,背景色为灰色

B.蓝色文本,默认字体大小,背景色为灰色

C.蓝色文本,字体大小为 15pt,无背景色

D.红色文本,字体大小为 15pt,无背景色

正确答案:

优先级:

内联样式(style="")>内部或者外部

内部或者外部:

取决于定义的先后顺序,后定义的优先

6.下列引用外部样式表 style1.css 的语句中,正确的是()。

A.

B.

C.

D.

正确答案:

D

Css文件引入方式:

Js文件引入方式:

7.查看如下 html 代码:

    

        帮助

    

    

        主页

        个人中心

    

现需要定义样式,实现:

当鼠标移入”帮助“链接上时,文本”帮助“的字体大小变为 20pt,而其他链接不变。

下列样式定义中,正确的是()。

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;}

正确答案:

D

考点:

●分类选择器,CSS定义时:

.className{}

●id选择器,CSS定义时:

#idname{}

●分组选择器,CSS定义时:

h1,.class1,input.a1{...}

-----为多种元素补充一些统一的外观;

●派生选择器:

使用元素的先后位置关系定义

CSS定义时:

h1span{....}

html页面上:

一周畅销

其他文本

●伪类选择器:

定义不同状态下的样式

:

hover--鼠标悬停

:

link---未访问过的

:

active---激活

:

visited--访问过的

8.查看如下样式定义:

       

  .A  .B { font-weight:

bold;}

下列选项中,文本加粗显示的是()。

A.文本A

B.文本B

C.文本C

D.文本C

正确答案:

C

考点同上

9.查看如下 html 代码:

    

left;">div text

    

left;">p text

此代码在页面上的显示效果为()。

A.

 中的文本和 

 中的文本分两行显示,且文本左对齐

B.

 中的文本和 

 中的文本在一行上显示,且文本左对齐

C.

 中的文本和 

 中的文本分两行显示,且文本右对齐

D.

 中的文本和 

 中的文本在一行上显示,且文本右对齐

正确答案:

A

10.有样式定义如下:

    div.parent  {

        width:

100px;

        height:

70px;

        border:

1px solid gray;

    }

    div.child  {

        width:

80px;

        height:

30px;

        border:

1px solid black;

        background-color:

silver;

    }

同时,有 html 代码如下所示:

    

        

            1

            

absolute;top:

15px;">2

        

    

第二个 div 在页面上的最终位置是()。

A.其上边框距离其父元素(div) 为 15 px 距离

B.其上边框距离 body 元素为 15 px 距离

C.其上边框距离其原有位置为 15 px 距离

D.使用默认位置,定位并未发生改变

正确答案:

B

11.需要在 html 页面上引用脚本文件myJs.js,下列语句中,正确的是()。

A.

B.

C.

D.

正确答案:

D

12.查看如下 JavaScript 代码(用于得到录入数值的整数部分):

    function getInt() {

        var str = document.getElementById("txtData").value;

        if ( <<  插入代码1  >> )

            alert("请录入数值");

        else {

            var data = <<  插入代码2  >>;

            alert("整数部分为:

" + data);

        }

    }

为实现所需功能,”插入代码1“和”插入代码2“处所需要的代码分别是()。

A. isNaN(str) 和 parseFloat(str)

B. !

isNaN(str) 和 parseFloat(str)

C. isNaN(str) 和 parseInt(str)

D. !

isNaN(str) 和 parseInt(str)

正确

答案:

C

13.查看如下 JavaScript 代码:

    var a = "10";

    var b = 10;

    if (a == b)

        alert("equal");

    if (a === b)

        alert("same");

此代码运行后,效果为()。

A.只弹出”equal“

B.只弹出”same“

C.先弹出”equal“,再弹出”same“

D.没有弹出显示

正确答案:

A

14.阅读如下代码:

    var a1 = [1, 2, 12];

    var a2 = [4, 23];

    a1.concat(a2);

    a1.sort();

    alert(a1.join(";"));

代码运行后,alert 方法弹出的内容为()。

A.1;2;12

B.1;12;2

C.1;2;4;12;23

D.1;12;2;23;4

正确答案:

B

15.阅读如下代码:

    var str1 = "abc123def456";

    var str2 = str1.replace(/\d+/gi, "*");

代码运行后,str2 的内容为()。

A.abc***def

B.abc***def***

C.abc*def

D.abc*def*

正确答案:

D

g:

全局匹配

i:

忽略大小写

gi:

以上组合

16.html 页面主体的代码如下:

    

        

            

        

    

下列选项中,能向文本框中写入文本的是()。

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";

正确答案:

AC

找到目标节点

1)精确查找(通过ID):

document.getElementById("id")

2)位置查找(相对位置):

parentNode、childNodes、firstChild、lastChild

3)标签名称:

document.getElementsByTagName

17.HTML 页面上有一个超链接,要实现当鼠标移入该超级链接时,超级链接的文本背景色变为灰色。

下列选项中,能实现此功能的是()。

A.注册

B.注册

C.注册

D.注册

正确答案:

D

考点:

●标签中的属性必须加引号。

●鼠标移到连接上采用onmouseover事件

18.有数组定义如下:

     var a1 = [1, 14, 4, 12, 23];

现需要实现对数组 a1 中的内容按照数值大小升序排列,下列代码中,错误的是()。

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; });

D.a1.sort(sortFunc);

    function sortFunc(a, b) {

        return a - b;

    }

正确答案:

C

除了可以直接定义函数以外,另外两种定义方法的方式:

方式一:

newFunction("","","");

方式二(匿名函数):

vari=function(){};

19.现需要在页面上实现动态时钟的显示,其 html 代码如下:

    

        

    

相应的 JavaScript 代码如下:

    function initialClock() {

        //<< 插入代码 >>;       

    };

    function timerFunc() {

        var v = new Date()

        document.getElementById("mySpan").innerHTML = v.toLocaleTimeString();

    }

为实现所需功能,”插入代码“处所需要的代码是()。

A. window.setInterval(timerFunc,1000);

B. window.setInterval(timerFunc(),1000);

C. window.setTimeout(timerFunc,1000);

D.window.setTimeout(timerFunc(),1000);

正确答案:

A

20.下列选项中,不是 window 对象的子对象的是()。

A.location

B.history

C.screen

D.arguments

正确答案:

D

Argments的作用:

Function对象与function方法:

每个方法其实就是一个Function对象,其标识是方法的名称

js中重载:

没有直接的重载(如果有同名的方法,以最后一次定义的为准)

模拟重载的效果:

使用arguments关键字(对象)

arguments:

方法体中,获得传入的所有参数

21.html 页面上有一个 id 值为 s1 的  元素,现需要使用 JavaScript 代码向列表中添加一个选项(

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));

正确答案:

D

 

23.阅读如下 JavaScript 代码:

    function f1() {

        var c = new Circle(10);

        alert(c.radius);//10

        alert(c.area);//314.16

    }

此方法运行时,先弹出 10 ,然后弹出 314.16,表示构建了 半径为 10 的圆,可以得到该圆的半径和面积。

下列定义 Circle 对象的代码中,正确的是()。

A.function Circle(r) {

    this.radius = r;

    this.area() = (Math.PI * r * r).toFixed

(2);

}

B.function Circle(r) {

    this.radius = r;

    this.area() = Math.PI * r * r;

}

C.function Circle(r) {

    this.radius = r;

    this.area = Math.PI * r * r;

}

D.function Circle(r) {

    this.radius = r;

    this.area = (Math.PI * r * r).toFixed

(2);

}

正确答案:

D

a)使用Object对象封装数据

newObject();

.name="";//属性

.func=function对象;//方法

特征:

使用简单,不能实现重用,适用于简单数据的封装,不需要重复使用

b)自定义对象

定义

functionClassName(value1,value2,..){

this.属性名称=value1;

this.方法名称=function对象;

}

使用

varp1=newPerson("may",18);

varp2=newPerson("to",28);

特征:

真正的封装,可以重用

24.html 页面上有一个 id 值为 b1 的按钮,现需要使用 JavaScript 代码为其定义单击事件:

单击该按钮后,弹出“Hello”。

下列选项中,错误的是()。

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");

     }

正确答案:

C

 

25.需要在原有浏览器窗口中打开地址为  的页面,且保留历史访问记录。

下列选项中,正确的是()。

A.location.href = "";

B.window.open("");

C.location.replace("");

D.history.back();

正确答案:

A

window.open()--一定会打开新的页面或页签

history.xxx--仅限于在历史浏览记录中

location.href="url";--跳转到新的url页面,保留历史记录

location.replace("url");---使用新的url替换当前的页面,不会保留历史记录

(注:

可编辑下载,若有不当之处,请指正,谢谢!

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 解决方案 > 学习计划

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1