一些JS小点 杂

1.alert()是Javascript中BOM对象window的方法。在全局bai作用域内，window是默认的this，因此可以省略掉。 

alert()会将内部的东西转换为字符串。 而且js运行机制会自动添加分号。

 

2.在Javascript浏览器对象模型中，window对象的（status）属性用来指定浏览器状态栏中显示的临时消息。

3.下方代码的运行结果为16

var age = 16;
var person = {
	age: 18,
	getAge: function(){
		var age = 22;
		setTimeout(function(){
			alert(this.age);
		},1000);
	}
}
person.getAge();

4.eval()

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

返回值

通过计算 string 得到的值（如果有的话）。

说明

该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。

如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性，并通过该属性调用它，则 ECMAScript 实现允许抛出一个 EvalError 异常。

抛出

如果参数中没有合法的表达式和语句，则抛出 SyntaxError 异常。

如果非法调用 eval()，则抛出 EvalError 异常。

如果传递给 eval() 的 Javascript 代码生成了一个异常，eval() 将把该异常传递给调用者。

 

5.一般html网页加载完成后，会触发onload事件

onready事件是在dom结构加载完成后触发的。

6.removeAddEventListener()用于删除DOM对象的监听事件

7.  "==" 和 "===" 的区别

===比较类型和值，==只比较值。

8.    js规定在使用中任何变量之前必须先使用var声明它    是错误的

function getAge(){
	age = 19;
}
getAge();
console.log(age);   // 19

再看下面：

function getAge(){
	var age = 19;
}
getAge();
console.log(age);   // Uncaught ReferenceError: age is not defined

9.js内两个整数进行除(/)运算,其结果不一定为整数，根据结果判断

function getAge(){
	var a = 13/4;
	console.log(a); // 3.25
}
getAge();

10. document.body.scrollWidth  表示整个网页正文的宽度

// scrollWidth 表示整个网页正文的宽度
var scrollWidth = document.documentElement.scrollWidth || document.body.scrollWidth;

更详细的查阅这篇博客

11.div和span的差异

    查看div和span的区别及块状元素和行内元素

12.poosition属性的值有哪些及具体用法差异

查看  还没整理

 

13.http状态码有哪些？列举常见的状态码及含义。

查看图解 HTTP ——HTTP 状态码

14.js或DOM操作方面，至少两个多浏览器兼容注意项

浏览器兼容性及处理方案 小结

15.web前端开发常见的安全漏洞

还未整理

 

16.请用js写一个随机生成5位数的程序函数

function random(min, max){
	return Math.floor(Math.random()*(max-min))+min;
}
var rannum = random(10000,99999);
console.log(rannum);

17.js实现一个函数对数组的冒泡排序

function bubbleSort(arr){
	for(var i=0;i< arr.length; i++){
		for(var j = 0; j< arr.length-i-1;j++){
			if(arr[j] > arr[j+1]){
				var temp = arr[j+1];
				arr[j+1] = arr[j];
				arr[j] = temp;
			}
		}
	}
	return arr;
}
var arr = bubbleSort([2,4,6,3,1,9,4,2,1]);
console.log(arr);   // [1, 1, 2, 2, 3, 4, 4, 6, 9]

18.在网页body中动态新增一个div标签节点

var oDiv = document.createElement("div");
oDiv.setAttribute("class","div2");
oDiv.innerHTML = "动态添加";
document.body.appendChild(oDiv);

19.入参为字符串“a+b+c+d”，最后的出参为“abcb”或者字符数组如array("a","b","c","d")

function reString(str){
	if(typeof str !== "string")  return
	var arr = str.split("+");
	console.log(arr);
	return arr || arr.join("");
}
var a = reString("a+b+c+d");
console.log(a);

20.实现对某对象的深拷贝

查看JS深拷贝与浅拷贝的区别及实现

 

21.img标签的alt和title有何异同？

img标签其中的两个属性alt和title有相似的地方，但是在不同的情况下要使用不同的属性的。

alt属性和title属性相同点：

       它们都会出现浮层，显示自己设置的图片相关的内容。

alt属性和title属性不同点：

alt属性:

1. 当图片加载不出来的时候，就会在图片未显示的地方出现一段alt设置的属性内容。这个属性的作用是为了给未加载的图片显示提示信息，即使在网络比较差的时候，用户也可以知道图片的内容，方便用户浏览网页。同时在程序员对网站维护的时候也能更快的查找到问题。
2. 浏览器的搜索引擎可以通过alt属性的文字描述来获取图片。

title属性：

1. title属性可以用在任何的元素上，当用户把鼠标移动到元素上时，就会显示预先设置的title的内容，起到对图片说明的作用，实质上就是对图片的解释和备注。