js面试题

最新推荐文章于 2025-05-23 15:03:55 发布

青岛有点甜

最新推荐文章于 2025-05-23 15:03:55 发布

阅读量401

点赞数

js面试题

1.用js代码简单的介绍下自己（包括姓名、经历、技能）、
<script>
function Person(name,jingli,jineng) {
this.name=name;
this.jingli=jingli;
this.jineng=jineng;
}
Person.prototype.show=function(){
console.log("我是"+this.name+"；我有如下经历:"+this.jingli+"；我会如下技能："+this.jineng);

}
var myself=new Person("王五","人事主管","具有优秀的书面、口头表达能力、极强的亲和力与服务意识，沟通领悟能
力，判断决策能力强；工作细致认真，原则性强，有良好的执行力及职业素养；熟悉人力资源管理工作流程和运作方式")
myself.show();
</script>

2.判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母和数字、下划线，总长度为5一20（请使用正则表达式
）

function if_fit(str){
var reg=/^[A一Za一z]{1}\w{5,20}/g;
var result=str.search(reg);
return result;

}

3.假设现在页面里有一个id是con的div，现在需要编写js代码，在页面加载完成后将div的高度设置成100px，宽度设置成
60px，并设置成灰色的1px的边框，背景设置成浅黄色。

window.onload=function(){
var oDiv=document.getElementById("con");
oDiv.style.height="100px";
oDiv.style.width="60px";
oDiv.style.width="1px solid gray";
oDiv.style.backgroundColor="yellow";

}

4.请实现鼠标点击任意标签，alert该标签的名称（注意兼容性）

function elementName(evt){
evt = evt|| window.event;
var selected = evt.target || evt.srcElement;
alert(selected.tagName);
}

5、写一个function，清除字符串前后的空格。（兼容所有浏览器）
   function trim(str) {
       if (str & typeof str === "string") {
            return str.replace(/(^s*)|(s*)$/g,""); //去除前后空白符
       }
   }

6、编写一个数组去重

//方法一
var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
function rep1(arr) {
for(var i = 0; i < arr.length-1; i++){
for(var j = i+1; j < arr.length; j++){
if(arr[i]==arr[j]){
arr.splice(j,1);//console.log(arr[j]);
j--;
}
}
}
return arr;
}

arr2 = rep1(arr);
console.log(arr);
console.log(arr2);

//方法二
//借助indexOf()方法判断此元素在该数组中首次出现的位置下标与循环的下标是否相等
var ar = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
function rep2(arr) {
for (var i = 0; i < arr.length; i++) {
if (arr.indexOf(arr[i]) != i) {
arr.splice(i,1);//删除数组元素后数组长度减1后面的元素前移
i--;//数组下标回退
}
}
return arr;
}
var a1 = rep2(ar);
console.log(ar);
console.log(a1);

//方法三利用数组中的filter方法
var r = arr.filter(function(element,index,self){
return self.indexOf(element) === index;
});
console.log(r);

//方法四借助新数组通过indexOf方判断当前元素在数组中的索引如果与循环的下标相等则添加到新数组中
var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
function rep(arr) {
var ret = [];
for (var i = 0; i < arr.length; i++) {
if (arr.indexOf(arr[i]) == i) {
ret.push(arr[i]);
}
}
return ret;
}
arr2 = rep(arr);
console.log(arr);
console.log(arr2);

//方法五借助新数组判断新数组中是否存在该元素如果不存在则将此元素添加到新数组中
var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
Array.prototype.reArr = function(){
var newArr = [];
for(var i = 0; i < this.length; i++){
if(newArr.indexOf(this[i])== -1){
newArr.push(this[i]);
}
}
return newArr;
}
var arr2 = arr.reArr();
console.log(arr); //[ 1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5 ]
console.log(arr2);//[ 1, 23, 3, 5, 6, 7, 9, 8 ]

7、想实现一个对页面某个节点的拖曳？如何做？