转正测试——未答出的题目（JS基础）

1.清除浮动的方法

答：
1.给父元素添加 overflow:auto;zoom:1;
2：给子元素后添加一个空的div, css属性设置为clear:both;height:0;line-height:0;font-sizing:0;
3：万能清除浮动法
：after{clear:both;content:’.’;display:block;height:0;width:0;visibility:hidden;}

2.doctype的作用

声明位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现
标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作

3.block、inline、inline-block的区别

一、display:block特点
1、独占一行，多个block元素另起一行，默认情况下，block元素宽度自动填满其父元素宽度
2、block元素可以设置width,height属性。块元素即使设置了宽度,仍然是独占一行。
3、block元素可以设置margin和padding属性。
二、display:inline特点
1、inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化
2、inline元素设置width,height属性无效。
3、inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。
三、display:inline-block特点
简单的说，就是将对象呈现为inline对象，让block元素不再独占一行，多个block元素可以同排一行，且元素具有block的属性，可设置宽高，是block和inline元素的综合体。

4.position定位各个的区别

1.position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置；
2.relative:相对定位；
3.absolute:绝对定位；
4.fixed:相对于窗口而定。

5.js验证ip地址

function validateIP(what) 
{
	if(what.search(/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/) == -1)
		return false;
    	var fs = 0,ls = 0;
	var myArray = what.split(/\./);
	var i;
	for( i = 0; i < 4; i ++ ) 
	{
		if( !isNumeric(myArray[i]) )
			return false;

		var t=atoi(myArray[i]); /* 每个域值范围0-255 */
		if( (t<0) || (t>255) )
			return false;
	}	
	fs= atoi(myArray[0]);	//取第一位进行校验
	ls = atoi(myArray[3]);  //取最后一位进行校验

	/* 主机部分不能全是1和0（第一位不能为255和0），网络部分不能全是0（最后一位不能为0） */
	if((fs == 255) || (fs ==0) || (ls == 0))
	{
		return false;
	}
	return true;
}