前端笔试题
1.使用一个div实现如下样式:
实现原理:使用:after和:before。
代码如下:
<head> <style type="text/css"> html{ background:#fff; } body{ width:120px; padding:10px; } div{ display:block; background:#fff; width:100px; height:20px; margin:10px; } body:before,body:after{ content:""; display:block; background:#fff; width:100px; height:20px; margin:10px; } </style> </head> <body bgcolor="#000"> <div></div> </body>
2.提取URL中的键值对,要求以一个对象输出
URL:http://myblog.com?name=xiaoxiaojing&value=100&type=number
var url = "http://myblog.com?name=xiaoxiaojing&value=100&type=number"; function getObject( url ){ var index,result = {}; index = url.indexOf( "?" ); if( index <= -1 ){ return null; } var str = url.substring( index+1,url.length-1 ); var strArray = str.split( "&" ); for( var i=0,len = strArray.length;i<len;i++ ){ var strObject = strArray[i].split( "=" ); var strName = strObject[0]; var strValue = strObject[1]; result[strName] = strValue; } return result; } console.log( getObject(url) );