9.1_the end
选择题
1.考察正则,书写一个6位数的邮箱
a var mail=/\d{6}/;
b var mail=new RegExp("/\d{6}/");
分析:对a,应该要添加开头和结尾的提示符。即:/^\d{6}$/
2.关于Document对象
Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。
3.isNaN("abc")返回true
填空题
1.考察Number类型:
var a=1.6;
alert(parseInt(a)+parseFloat(a));
答案是:2.6
分析
parseInt()方法首先查看位置0处的 字符,判断它是否是个有效数字;如果不是,该方法将返回NaN,不再继续执行其他操作。但如果该字符是有效数字,该方法将查看位置1处的字符,进行同样的 测试。这一过程将持续到发现非有效数字的字符为止,此时parseInt()将把该字符之前的字符串转换成数字。
例如:如果要把字符串 "1234blue "转换成整数,那么parseInt()将返回1234,因为当它检测到字符b时,就会停止检测过程。parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数
parseFloat:从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字 符之前的字符串转换成数字,()方法会把这个小数点之前的字符串转换成数字。这意味着字符串 "22.34.5 "将被解析成22.34
eg:parseFloat小数后面会精确到16位
var a=1.6666666666666666666666666666666666666666666666666666;
alert(parseInt(a));
alert(parseFloat(a));
alert(parseInt(a)+parseFloat(a));
答案如下
2.考察函数参数
function a(a,b,c){
arguments[2]=11;
alert(c);
}
答案是:11
3.考察字符串和数字的相互转化
var a="5";
var b=10;
alert(+a+b);//+a,会把字符串转化成数字
答案如下
4.获取value
<input id="v1"type="text" value="1+2*3">
<input id="v2" type="text" value="2+3*4">
var v1=document.getElementById("v1");
var v1=document.getElementById("v2");
alert(v1.value+v2.value);
答案如下
5.call的用法
function a(){
alert(this)
}
a.call("array");
答案如下:
分析:
function add(a, b) {
alert(a + b);
}
function sub(a, b) {
alert(a - b);
}
add.call(sub, 3, 1);
这个例子中的意思就是用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。
简答题:innerHTML和document.write的区别
document.write是直接写入到页面的内容流,如果在写之前没有调用document.open,浏览器会自动调用open。每次写完关闭之后重新调用该函数,会导致页面被重写。innerHTML是dom元素的一个属性,代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容,则需要修改document.documentElement.innerElement。innerHTML很多情况下都优于document.write,原因是其允许更精确的控制要刷新页面的那一个部分。
算法题:快速排序
function quickSort(arr) {
if (arr.length <= 1) { return arr; }//检查数组的元素个数,如果小于等于1,就返回
//选择"基准"(pivot),并将其与原数组分离,再定义两个空数组,用来存放一左一右的两个子集。
var pivotIndex = Math.floor(arr.length / 2);//floor:向下取整
var pivot = arr.splice(pivotIndex, 1)[0];//arr删除并返回"基准"(pivot)
var left = [];
var right = [];
for (var i = 0; i < arr.length; i++){//遍历数组
if (arr[i] < pivot) {//小于"基准"的元素放入左边的子集
left.push(arr[i]);
} else { //大于基准的元素放入右边的子集
right.push(arr[i]);
}
}
return quickSort(left).concat(pivot, quickSort(right));//递归不断重复这个过程,a.contact(b)表示把数组b添加到数组a的末尾
}
应用题
1.css方面:写一个新闻列表的实(ul>li),每一条包括新闻标题和日期,要求列表宽度为300px,标题最大宽度为230px,一行显示,高度20px
1)inline-block问题
2)省略号
3)注意最大宽度的兼容性(IE6支持max-width/height与min-width/height(完美解决方案)
1.关于最大宽度
.box {
max-width:1000px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");
overflow:hidden;
}
2.关于最小宽度
.box {
min-width:1000px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");
}
3.关于最小高度:
.box {
min-height:1000px;
_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":"");
}
4.关于最大高度:
.box{
max-height:1000px;
_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":"");
overflow:hidden;
}
2.js方面:有3张规格相同的图片,当用户访问网站时,会有1%的概率看到这三张图片中随机的一张。
Math.random( )会产生一个[0,1)之间的随机数
Math.floor(Math.random( ))可以获取你想要的一个范围内的整数
该题思路是:
var images = [1,2,3];
var random = Math.floor(Math.random() * 300)
if(random === 1){
// 显示第一张
}
if(random ===2){
// 显示第二张
}
if(random === 3){
// 显示第三张
}
三张图片,那么每一张出现的概率是1/300