2018-07-04

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>

2018-07-04

推荐阅读更多精彩内容