js、css、html试题3

1.请写出以下的运算结果

alert（typeof（a））//undefined
alert(typeof(undefined))  //undefined
alert(typeof(NaN)) //number
alert(typeof(null))//object
var a = "123abc";
alert(typeof(+a));//number
alert(typeof(!!a));//boolean
alert(typeof(a + ""));//string
alert(1 == "1"); //true
alert(NaN == NaN);//false
alert(NaN == undefined);//false
alert("11" + 11);//1111
alert(1 === "1");//false
alert(parseInt("123abc"));//123
var num = 123123.345789;
alert(num.toFixed(3))//123123.346

2.打印当前的年月日时分秒

var data = new Date()
var year = data.getFullYear()//年
var month = data.getMonth()+1;//月
var day = data.getDate();//日
var hour = data.getHours();//时
var min = data.getMinutes();//分
var s = data.getSeconds();//秒
document.write(year+"年"+month+"月"+day+"日"+hour+"时"+min+"分"+s+"秒")

3.在font-zize样式中设置的是字体的宽还是高，px、em是绝对单位还是相对单位

设置的是字体的高度，字体类型可以通过font-family设置, 而不同的字体实际显示样式是不一样的, 为了保证效果, 所以font-size设置的是高度, 便于不同字体在一起, 保持高度相同，px是绝对单位按照页面的精准度，em是相对单位基准为父节点字体大小

4.有html结构如下，求两个div之间的距离

<div style=“background-color:red;margin:0 0 100px 0;”>123</div>
<div style=“background-color:red;margin:200px 0 0 0;”>234</div>

div之间的距离为200px

5.请介绍一下主流浏览器及他们相应的内核，请介绍一下浏览器分为哪几个部分？

谷歌---------webkit/blink
opera--------presto
sarfari--------webkit
firefox---------gecko
IE---------trident

浏览器的组成
1.shell 部分——用户能操作部分(壳)
2.内核部分——用户看不到的部分
1)渲染引擎（语法规则和渲染）
2)js 引擎
3)其他模块（如异步）

6.js语言的特点

是一种解释型的脚本语言
基于对象、简单
动态，具有跨平台性，JavaScript是依赖于浏览器本身，与操作环境无关

7.描述一下预编译的过程

1.创建AO对象 Activation Object活跃对象（执行期上下文）
AO{}
2.找形参和变量声明，将变量和形参名作为AO属性名，值为undefined
3.将实参和形参相统一
4.找函数体里面的函数声明，值赋予函数体（优先级最高）

var a = (10 * 3 - 4 / 2 + 1) % 2,//1
b = 3;
 b %= a + 3;
 console.log(a++);   //1
console.log(--b);    //2

9.如何创建一个 div，并添加到页面里

var div =document.createElement("div");
var text = document.createTextNode("我是js动态创建的div")
div.appendChild(text);
document.body.appendChild(div)

10.请说出display的值和含义

display：none 隐藏(隐藏后不占据空间位置)
display：block 出现、转化为块元素
display：inline 转换为行元素
display：inline-block转换为行级块元素
display：flex 开启弹性盒子
display：table 此元素会作为块级表格来显示
display：inherit 从父元素继承 display 属性的值。