不定项选择题
检索索引号
selectedIndex大些字母A,keyDown后显示
65call和apply
menu和commmand变量命名规则
字母或下划线开头,不包含空格,不用关键字position
static无定位HTML5中的canvas
canvas用来定义图像阻止冒泡
w3c中,e.stopPropagation();
IE中,e.cancelBubble=truecss布局
块级元素实际占用宽度与什么有关
click(X)、mouseOut()、contextmenu(X)display常用属性
inline、inline-block、block、none;没有hiddendocument对象方法
getElementById()
getElementsByTagName()
没有focus和bgcolor不让div脱离文档流(不占用文本空间)
只有relative个static
没有absolute、fixed和lefthtml5和HTML的语义化有什么区别?
html5新增了一些语义化标签,比如header,article,aside和footer
编程题
1、有一个页面,url为”https://qq.com?pet=cat&age=2&like=fish“,设计一个函数,将url附带的参数转换成对象
{
pet: ‘cat’,
age: 2,
like: ‘fish’
}
function getData(url){
var result ={};
var temp = url.split('?')[1].split('&');
for(i in temp){
var s = temp[i].split('=');
result[s[0]] = s[1];
}
return result;
}
console.log(getData("https://qq.com?pet=cat&age=2&like=fish"));
2、做一个秒表:点击“开始”按钮,开始计数,每秒数字加1;点击“暂停”按钮,计数暂停;点击“复位”按钮,计数暂停,并且数字重置为0。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>timer</title>
</head>
<body>
<form action="">
<input type="text">
<input type="button" value="开始" onClick="startTimer()">
<input type="button" value="暂停" onClick="pauseTimer()">
<input type="reset" value="复位" onClick="resetTimer()">
</form>
<script type="text/javascript">
var num = 0;
var t;
//点击开始按钮,出发startTimer函数
function startTimer() {
document.getElementsByTagName("input")[0].value=num;
num += 1;
t = setTimeout("startTimer()",1000);
}
//点击暂停按钮,出发pauseTimer函数
function pauseTimer() {
clearTimeout(t);
}
//点击重置按钮,出发resetTimer函数
function resetTimer() {
num = 0;
}
</script>
</body>
</html>
3、构造一个长度为100的数组,数组元素填充为随机的整数字符串,并设计一个算法将数组元素去重。
function arr100() {
//定义一个含有100个元素的数组
var arr = new Array(100);
//定义一个空数组,用于去重后存放数据
var arrNew = [];
//随机生成100个数组元素
for(var i=0; i<arr.length; i++) {
arr[i] = Math.ceil(Math.random()*100);
}
//数组去重
for(var j=0; j<arr.length; j++) {
if(arrNew.indexOf(arr[j]) == -1)
arrNew.push(arr[j]);
}
return arrNew;
}
console.log(arr100());