0
点赞
收藏
分享

微信扫一扫

HTML理论练习题(七)

往复随安_5bb5 2022-03-11 阅读 84

1.关于表单元素和表单控件,以下说法正确的有:

设置 readonly 属性的表单控件不能获得焦点
button 元素可以嵌套没有 control 属性的 video 元素
step 属性不可以为负值或 0
form 元素的 method 属性和 enctype 属性不能任意赋值

解析:readonly可以tab获取焦点,step不可以为负数/0,会默认为1;

2.关于web表单登录中用到的图形验证码的实现,以下做法不正确的有

返回给浏览器的html代码中包含图形验证码和文本字符串,登录前客户端判断输入内容和页面中保存的内容是否一致
服务器端在返回的图片和cookie中同时包含图形验证码,登录前客户端判断输入内容和cookie保存的内容是否一致
服务器端生成验证码后一方面通过图片将验证码返回给客户端,同时在服务器端保存文本的验证码,由服务器端验证输入内容是否正确
浏览器通过识别图形验证码中的内容和用户输入的内容判断是否一致

解析:要由服务端验证输入内容是否正确,客户端/浏览器不安全。

3.哪种输入类型用于定义周和年控件(无时区)?

date //年月日
week //年周
year //年

4.向当前#list的最后元素之后添加100个新的li节点,合理且安全的操作方式是?

通过循环方式创建新的li节点,并依次添加到#list中
先将#list节点的display设置为none,通过循环方式创建新的li节点,并依次添加到#list中,最后再将#list节点的display设置为block
取出#list中现有的li节点的html,将它与新增的li节点对应的html代码拼接成字符串,一次性插入到#list中
创建Fragment,通过循环方式创建新的li节点,添加到Fragment中,最后再将Fragment添加到#list中

解析:通过一次一次的循环加入到list中会导致重排重绘;display也会导致重排重绘;最后两个选项因为都只会触发一次重绘和重排。按理来说直接操作HTML是性能最好的手段,因为就是一个简单的字符串操作,但是可能存在XSS攻击的风险,就不如 Fragment 安全。所以D是最终选项。

5.根据规范,以下 HTML 和 CSS 代码解析后, container.clientWidth 的值是:

1

2

3

4

5

6

7

8

9

10

11

12

13

<style>

#container {

    width: 200px;

    height: 200px;

    padding: 20px;

    margin: 20px;

    border: solide 10px black;

}

</style>

<div id="container">

content

</div>

 container.clientWidth=width+padding=200+40=240

ele.offsetWidth = 宽度 + padding + border =260

6.名为“ctx”的变量是某个HTML5画布对象的上下文。以下代码绘制的是什么(C)
Ctx.arc(x,y,r,0,Math.PI,true);

在给定点绘制一个矩形
从一个点到另一个点绘制一条直线
在给定点绘制一个半圆
在给定点绘制一个圆

Ctx.arc(x,y,r,0,2Math.PI,true)是给定点绘制一整个圆。

7.关于屏幕的尺寸标准,说法错误的是

col-sm-* 一般用于大于768的平板 //small前两个字母
col-md-* 一般用于大于992的中等屏幕显示器 //med
col-lg-*用于大于1200的桌面显示器 //large
col-xs-*用于小于700的手机屏幕 //小于768的手机屏幕

8.以下的HTML代码中含有四个input元素,根据元素的先后顺序分别称其为按钮1、按钮2、按钮3、按钮4。
以下选项说法正确的是

1

2

3

4

5

6

7

8

9

<form>

 <label for="wangyi">网易</label>

 <input type="radio" name="animal" id="panda" class="button1"/>

 <input type="radio" name="animal" id="panda" class="button2"/>

 <div>

 <input type="radio" name="animal" class="button3"/>

 <input type="checkbox" name="animal" class="button4"/>

 </div>

</form>

按钮1为多选按钮
点击“网易”文本时按钮2会被选中
点击按钮2时,原来被选中的按钮3会被取消选中
点击按钮3时,原来被选中的按钮4会被取消选中

解析:radio是根据名字来划分的,同一个名字的几个属性只能用一个被选中,所以选择C

9.有一段html代码:
<div style="color:red; text-color:blue;"><span   style="color:green;text-color:black;">Hello</span></div>,
那么"Hello"的字体颜色是()
 

red
blue
green
black

解析:没有text-color这个属性

10.下列哪个操作是W3C标准定义的阻止事件向父容器传递:

e.preventDefault()
e.cancelBubble=true
e.stopPropagation() //取消事件冒泡对当前节点无影响。
e.stopImmediatePropagation()

解析:

DOM中的事件对象:(符合W3C标准

   preventDefault()        取消事件默认行为

   stopImmediatePropagation() 取消事件冒泡,同时阻止当前节点上的事件处理程序被调用。

   stopPropagation()      取消事件冒泡,对当前节点无影响。

IE中的事件对象:

   cancelBubble()          取消事件冒泡

   returnValue()             取消事件默认行为

举报

相关推荐

0 条评论