高明网站设计案例,贵州城乡住房建设网站,聊天软件开发需要多少钱,wordpress建站服务今天参加面试#xff0c;考了我三个小时#xff0c;考晕了#xff0c;赶紧补习补习javascript的知识#xff01;#xff08;另#xff1a;人事部明明说招HTML5CSS3jQuery#xff0c;考1个半小时左右#xff0c;怎么变成了考传统DIVCSSjavascript啦#xff0c;呜呜呜~~…今天参加面试考了我三个小时考晕了赶紧补习补习javascript的知识另人事部明明说招HTML5CSS3jQuery考1个半小时左右怎么变成了考传统DIVCSSjavascript啦呜呜呜~~~ 先看看简单的 1、完成foo()函数的内容要求能够弹出对话框提示当前选中的是第几个单选框。 html
head
script
function foo()
{
// 在此处添加代码 var rg document.getElementsByName(radioGroup); for( var i 0; i rg.length; i ) { if( rg[i].checked ) { alert(你选择了第 (i1) 个单选框); } } return false;
}
/script
/head
body
form nameform1 οnsubmitreturn foo(); input typeradio nameradioGroup / input typeradio nameradioGroup / input typeradio nameradioGroup / input typeradio nameradioGroup / input typeradio nameradioGroup / input typeradio nameradioGroup / input typesubmit /
/form
/body
/html 2、完成字符串翻转功能 填充注释部分的函数体使得foo()函数调用弹出”成功”的对话框。 html
head
script
function foo()
{ var str reverse(a,b,c,d,e,f,g); alert(str); if (str g,f,e,d,c,b,a) alert(成功); else alert(失败); } function reverse(str)
{
// 在此处加入代码完成字符串翻转功能
var spl str.split(,);
var newstr;
for(ispl.length-1;i0;i--) { newstrspl[i],; }
newstrnewstr.substring(0,newstr.length-1)
return newstr;
}
/script
/head
body
input typebutton valuestr οnclickfoo() /
/body
/html 3. 有一组数字从1到n从中减少了3个数顺序也被打乱放在一个n-3的数组里请找出丢失的数字最好能有程序最好算法比较快 script typetext/javascript
//!--var oldArr [0,1, 2, 3, 4, 5, 6, 7, 8, 9]; //初始数组var newArr [5, 6, 3, 9, 0, 8, 2]; //去掉 1 4 7三个数字并且顺序是乱的 var lostArr []; //要找的数的数组newArr.sort(); //排序var newString , newArr.join(,) ,;var length oldArr.length;for (var j 0; j length; j) {var oldString , oldArr[j] ,;if (newString.indexOf(oldString)-1)lostArr.push(oldArr[j]);}alert(lostArr);
//--
/script 只用一次循环 scriptvar a [0,3,4,8,9,2,6];var b [];var i, len, min, max;a.sort(function (a, b) {return a-b;});for (i0,lena.length;ilen;i1) {min a[i];max a[i1]if (max ! min 1) {b.push(min1);}}alert(b.slice(0,-1));
/script 4、编写一个测试页面第一道题答对后显示第二道题如果答错给出正确答案后再显示第二道题依次类推当三道题全部答对后给出提示恭喜你全部答对了 如第一题你的姓名 选项 A 管理员正确答案 B 游客 C 无名 第二题你所在的公司名称 选项 A IBM B Oracle C BIG正确答案 ... 5.标签页导航效果 !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd
HTML xmlnshttp://www.w3.org/1999/xhtmlHEAD
title自适应宽度的标签导航/title
META http-equivContent-Type contenttext/html; charsetgb2312 STYLE typetext/css
*{margin:0px;padding:0px;}
.tab{
border:1px solid #FF0000;
width:296px;
margin:0px auto;
}
.menu{font-size:12px}
.menu ul li{
text-align:center;
display:block;
float:left;
height:25px;
width:98px;
line-height:25px;
cursor:pointer;
background:#ddd;
border-right-width:1px;
border-bottom-width:1px;
border-right-style:solid;
border-bottom-style:solid;
border-right-color:#FF0000;
border-bottom-color:#FF0000;
}
.menu ul li.tabhover{
border-bottom-style:none;
font-weight:bold; color:#FF0000;
background:#fff;
}
.ctn{
padding-top:40px;
padding-bottom:20px;
padding-left:10px;}
.cle{ clear:both; height:0px;}
/STYLE META contentMSHTML 6.00.2800.1589 nameGENERATOR/HEAD
BODY div classtabdiv classmenuulli idm1 onmouseovergettab(1) classtabhover标题一/lili idm2 onmouseovergettab(2)标题二/lili idm3 styleborder-right:none onmouseovergettab(3)标题三/li /ul/divdiv classcle/divdiv classctndiv idc1此处显示一的内容/divdiv idc2 styledisplay:none此处显示二的内容/divdiv idc3 styledisplay:none此处显示三的内容/div/div/divdiv classtabp注意:brtab与li的宽度设置98*32296/p
/divscript typetext/javascriptfunction gettab(i) {for (n 1; n 3; n) {var m document.getElementById(m n);var c document.getElementById(c n);m.className (n i) ? tabhover: ;c.style.display (n i) ? block: none;}}
/script/BODY/HTML 6、HTMLCSS题。布置如下页面logo图片我用了我自己的O(∩_∩)O HTML部分 div classtopdiv classlogoimg srcmy.jpg //divdiv classtopmenuullimenu 1/lilimenu 2/lilimenu 3/li/ul/div
/div
div classmainSectiondiv classleftmenuullimenu 1/lilimenu 2/lilimenu 3/li/ul /div div classsectiondiv classasidediv classtextpsection 2s2section 2section 2section 2section 2section 2section 2section 2section 2sectection 2section 2section 2section 2section 2section 2section 2section 2section 2/p/div/divdiv classtexth2section 1/h2 psection 1sectio2section 2section 2section 2section 2section 2section 2section 2section 2sectn 1section 1section 1section 1section 1section 1section 1section 1section 1section 1/ph2section 2/h2psection 2section 2section 2section 2section 2section 2section 2section 2section 2section 2sect2section 2section 2section 2section 2section 2section 2section 2section 2/ph2section 3/h2psection 2section 2n 2section 2section 2section 2section 2section 2section 2section 2section 2sect2section 2section 2section 2section 2section 2section 2section 2sen 2section 2section 2section 2section 2section 2section 2section 2section 2sect2section 2section 2section 2section 2section 2section 2section 2sen 2section 2section 2section 2section 2section 2section 2section 2section 2sect2section 2section 2section 2section 2section 2section 2section 2sen 2section 2section 2section 2section 2section 2section 2section 2section 2sect2section 2section 2section 2section 2section 2section 2section 2sen 2section 2section 2section 2section 2section 2section 2section 2section 2sect2section 2section 2section 2section 2section 2section 2section 2sen 2section 2section 2section 2section 2section 2section 2section 2section 2sect2section 2section 2section 2section 2section 2section 2section 2sen 2section 2section 2section 2section 2section 2section 2section 2section 2sect2section 2section 2section 2section 2section 2section 2section 2sen 2section 2section 2section 2section 2section 2section 2section 2section 2sect2section 2section 2section 2section 2section 2section 2section 2sesection 2section 2section 2section 2section 2section 2section 2section 2section 2/p/div/divdiv styleclear:both/div
/div
div classfooterfooter/div 其中 1text div是用来让显示内容和其他box之间产生间隙的 2 最后的空div styleclear:both/div用来消除3px的bug是footer紧接着mainSection布局 CSS部分 *{margin:0px;border:0px;padding:0px;}
.top{margin:0 auto; //居中width:950px;border:1px solid blue;margin-top:10px;
}
.logo{padding:10px;
}
.topmenu{margin-left:180px;
}
.topmenu ul li{display:inline-block;list-style:none;padding:5px;background:blue;
}
.mainSection{margin:0 auto;width:950px;border:1px solid blue;border-top:0px;background:blue;
}
.leftmenu{float:left;width:180px; //注意section和leftmenu的width必须同时给出不然布局会变形
}
.leftmenu ul li{color:white;list-style:none;padding:5px;
}
.section{background:white;float:left;width:770px; //注意原因慢慢去找
}
.aside{float:right;width:300px;height:200px;clear:left; //使得section能环绕aside
}
.footer{clear:both; //清除默认布局margin:0 auto;text-align:center;background:#ccc;width:950px;height:40px;border:1px solid blue;border-top:0px;
}
.text{padding:15px;} 转载于:https://www.cnblogs.com/JoannaQ/archive/2012/08/30/2663040.html
