2018-07-04
2018-07-04 本文已影响4人
Arroganter
1、setTimeout setInteval异同
相同点：参数个数相同，都是两个，第一个参数为执行的js语句，第二个参数毫秒数
区别：1）setTimeout 只执行一次：被触发后延迟指定毫秒后，执行其中的javascript语句。
2）setInteval会定时刷新，一直执行，每隔一段时间执行一次（不限次数）
2、function fun(){
return 6;
}
var a=fun;
var b=fun();两种写法区别
var a=fun;表示把函数名fun这个指针复制了一份给变量a。
var b=fun(),把fun函数的返回值赋给b=6
3、css中。伪类及伪对象是什么，有什么特点（）
伪类和伪对象是网页内容在特殊状态下的样式表
由css自动支持，是css的扩展型类
名字必须用约定好的，不能自定义
使用格式必须符合约定
4、h5中，video audio标签作用，并写示例代码，解释常用属性(w3c上有)
<video src="">视频标签
<audio src="">音频标签
5、js原始数据类型包括哪些(5)
String,Number,Boolean,null,undefined
6、css常用的三种选择符
id选择器,类选择器,标签选择器
7、js中的内置对象有哪些（了解）
Math,String,Date,RegExp,Array,Function，Object
8、三种引用样式表的方式及应用场景，特别是外部样式表
行内，内部样式表，外部样式表
9、= == ===是否有区别
=== 严格相等，类型和值都相等
== 比较两个变量的值是否相等
= 赋值操作
隔行换色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var arr=new Array("#80cc80","#c0aac0")
function create() {
for (i=0; i < 10; i++) {
var tr = document.createElement('tr');
var td = document.createElement('td');
td.innerText="line"+i;
tr.appendChild(td);
tr.style.background=arr[i%arr.length];
mytable.appendChild(tr)
}
}
</script>
</head>
<body>
<body bgcolor="#ffffff" onload="create()">
<TABLE id="mytable"></TABLE>
</body>
</html>
随心所欲
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function doSomthing(){
var input = document.getElementById("text1");
var welcome = document.getElementById("welcome");
var input = input.value;
if(input == "red" || input == "blue" || input == "black"){
welcome.style.color=input;
}
else{
try{
var s = eval(input);
welcome.innerText = s;
}catch(e){
welcome.innerText = input;
}
}
}
</script>
</head>
<body>
<input type="text" id="text1">
<input type="button" value="输入" onclick="doSomthing()">
<div id="welcome">welcome</div>
</body>
</html>
省级联动
<!DOCTYPE html>
<!--suppress ALL -->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var province_citys1 = { "辽宁省":["沈阳市","大连市"],"吉林省":["吉林市","长春市"]}
window.onload = function () {
var province = document.form1.select1;
alert(province)
for(var p in province_citys1)
{
// var option = new Option();
var option= document.createElement("option");
option.innerText = p;
option.value = p;
province.appendChild(option)
}
}
function abs(obj) {
var city = document.form1.city;
city.options.length = 1;
var city2 = province_citys1[obj.value];
for(var i = 0; i < city2.length; i++)
{
var option = new Option();
option.innerText = city2[i];
option.value = city2[i];
city.appendChild(option)
}
}
</script>
</head>
<body>
<form action="" method="get" name="form1">
<span>省份:</span>
<select name="select1" onchange="abs(this)">
<option value="">要选择的省份</option>
</select>
<span>城市:</span>
<select name="city">
<option value="">要选择的城市</option>
</select>
</form>
</body>
</html>
