求大神解决一个JS问题，谢谢了

yslubin 2014-06-04 12:03:04 




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态</title>

	<style>

	body,html{height:100%;}

	#div_pannel{height:800px;}

	*{margin:0;padding:0;}

	#div_tab{background:#fff url(http://www.ok22.org/images/t_tab_bg.gif) repeat-x 0 bottom;height:26px;padding:15px 15px 0;margin-bottom:10px;overflow:hidden;}

	#div_tab li{float:left;text-align:center;position:relative;list-style:none;}	

	#div_tab li{background:url(http://www.ok22.org/images/t_tab_uselectbg.gif);margin-top:3px;height:23px;}

	#div_tab li span{background:url(http://www.ok22.org/images/t_tab_uselectbg.gif);height:23px;line-height:23px;}	

	#div_tab li.crent{background:url(http://www.ok22.org/images/t_tab_selectbg.gif);margin-top:2px;height:24px;}

	#div_tab li.crent span{background:url(http://www.ok22.org/images/t_tab_selectbg.gif);height:24px;line-height:24px;}	

	#div_tab li,#div_tab li.crent{color:#fff;background-repeat:no-repeat;background-position:0 0;}	

	#div_tab li span,#div_tab li.crent span{display:inline-block;padding:0 36px 0 15px;background-repeat:no-repeat;background-position:right bottom;}	

	#div_tab li .menua{color:#000;font-size:12px; text-decoration:none;position:relative;}

	#div_tab li.crent .menua,#div_tab li .menua:hover{color:#ff0000;}

	#div_tab li .win_close,#div_tab li.crent .win_close{width:14px;height:14px;position:absolute;top:4px;right:5px;cursor:pointer;display:block;overflow:hidden;background:url(http://www.ok22.org/images/t_delete_ico.gif) no-repeat;}		

	#div_tab li .win_close{background-position:0 -14px;}

	#div_tab li .win_close:hover{background-position:0 0;}	

	.clearfix:after {content:"."; display:block;height:0;clear:both; visibility:hidden;} 

	*html .clearfix{height:1%;}

	*+html .clearfix{height:1%;}

	.clearfix{display:inline-block;} 

	/* Hide from IE Mac */ 

	.clearfix {display:block;} 

	</style>

    <script type="text/javascript">       

        ///我已经封装好了这个方法，只要CreateDiv('baidu','http://www.baidu.com','百度')调用方法就可以了

        eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('1q(V(p,a,c,k,e,d){e=V(c){W(c<a?\'\':e(1r(c/a)))+((c=c%a)>1m?Y.1l(c+1h):c.1g(1i))};X(!\'\'.11(/^/,Y)){10(c--){d[e(c)]=k[c]||e(c)}k=[V(e){W d[e]}];e=V(){W\'\\\\w+\'};c=1};10(c--){X(k[c]){p=p.11(1j 1k(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c])}}W p}(\'I A(6,p,f){n(2.3("h"+6)==L){5 7=2.x("k");7.B="h"+6;7.M=p;7.N="u%";7.T=0;7.O="u%";2.3("l").K(7);5 4=2.3("j").8(\\\'e\\\');5 b=2.3("l").8(\\\'k\\\');n(4.9>0){H(i=0;i<4.9;i++){4[i].d="";b[i].m.g="C"}}5 c=2.x("e");c.d="o";c.B=6;5 J="<y><a Q=\\\\"z:;\\\\" t=\\\\"z:A(\\\'"+6+"\\\',\\\'"+p+"\\\',\\\'"+f+"\\\')\\\\" v="+f+" w=\\\\"U\\\\">"+f+"</a><a t=\\\\"E(\\\'"+6+"\\\')\\\\" w=\\\\"R\\\\" v=\\\\"关闭当前窗口\\\\"><a></y>";c.S=J;2.3("j").K(c)}P{5 4=2.3("j").8(\\\'e\\\');5 b=2.3("l").8(\\\'k\\\');H(i=0;i<4.9;i++){4[i].d="";b[i].m.g="C"}2.3(6).d=\\\'o\\\';2.3("h"+6).m.g=\\\'D\\\'}}I E(s){5 q=2.3(s);q.F.G(q);5 r=2.3("h"+s);r.F.G(r);5 4=2.3("j").8(\\\'e\\\');5 b=2.3("l").8(\\\'k\\\');n(4.9>0){4[4.9-1].d=\\\'o\\\';b[4.9-1].m.g=\\\'D\\\'}}\',Z,Z,\'||1f|1p|1n|1o|1s|1d|13|14||16|12|1t|15|1e|1c|17||1b|1a|18|19|X|1I|1S|1Q|1P|1U|1M|1N|1O|1T|1Z|20|1X|1Y|1V|1W|1R|1K|1z|1A|1y|V|1x|1u|1v|1w|1B|1C|1L|1J|1H|1G|1D|1E\'.1F(\'|\'),0,{}))',62,125,'|||||||||||||||||||||||||||||||||||||||||||||||||||||||||function|return|if|String|57|while|replace|tab|getElementsByTagName|length|li|pannellist|div_|div_pannel|style|iframe|div_tab|display|box|name|document|toString|29|36|new|RegExp|fromCharCode|35|tablist|var|getElementById|eval|parseInt|tabid|className|appendChild|null|src|litxt|for|parentNode|removeChild|height|width|frameBorder|menua|split|innerHTML|win_close|crent|href|RemoveDiv|else|onclick|100|title|obdiv|ob|block|url|class|obj|id|none|javascript|CreateDiv|createElement|span'.split('|'),0,{}))

    </script>

</head>

<body>

	<a href="#" onclick="CreateDiv('baidu','http://www.baidu.com','百度')">百度</a>  <a href="#" onclick="CreateDiv('lempon','http://www.lempon.com','领跑者建筑网')">领跑者建筑网</a>  <a href="#" onclick="CreateDiv('ok22','http://www.ok22.org','幸凡在线学习网')">幸凡在线学习网</a>

	<ul class="clearfix" id="div_tab"></ul> <!--菜单列表 -->

    <div id="div_pannel"></div> <!--新iframe列表-->

</body>

</html>

如何使上面的代码默认显示一个菜单和内容页，这里是要点击以后才有
...全文
111 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
yslubin 2014-06-04
  • 打赏
  • 举报
 回复
非常非常感谢大家，人间有真情啊，哈哈!
夜雨_Jason 2014-06-04
  • 打赏
  • 举报
 回复 

<body>
    <a href="#" onclick="CreateDiv('baidu','http://www.baidu.com','百度')">百度</a>  <a href="#" onclick="CreateDiv('lempon','http://www.lempon.com','领跑者建筑网')">领跑者建筑网</a>  <a href="#" onclick="CreateDiv('ok22','http://www.ok22.org','幸凡在线学习网')">幸凡在线学习网</a>
    <ul class="clearfix" id="div_tab"></ul> <!--菜单列表 -->
    <div id="div_pannel"></div> <!--新iframe列表-->
    <script>
    CreateDiv('baidu','http://www.baidu.com','百度');
    CreateDiv('lempon','http://www.lempon.com','领跑者建筑网');
    CreateDiv('ok22','http://www.ok22.org','幸凡在线学习网');
    </script>
</body>
bichir 2014-06-04
  • 打赏
  • 举报
 回复
<body>改成<body onload="init()"> <script type="text/javascript"> 加上一个function </script> 如下: 
 function init(){
        	CreateDiv('baidu','http://www.baidu.com','百度');
        }
所以全部代码： 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	    <title>js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态</title>
	<style>
	body,html{height:100%;}
	#div_pannel{height:800px;}
	*{margin:0;padding:0;}
	#div_tab{background:#fff url(http://www.ok22.org/images/t_tab_bg.gif) repeat-x 0 bottom;height:26px;padding:15px 15px 0;margin-bottom:10px;overflow:hidden;}
	#div_tab li{float:left;text-align:center;position:relative;list-style:none;}	
	#div_tab li{background:url(http://www.ok22.org/images/t_tab_uselectbg.gif);margin-top:3px;height:23px;}
	#div_tab li span{background:url(http://www.ok22.org/images/t_tab_uselectbg.gif);height:23px;line-height:23px;}	
	#div_tab li.crent{background:url(http://www.ok22.org/images/t_tab_selectbg.gif);margin-top:2px;height:24px;}
	#div_tab li.crent span{background:url(http://www.ok22.org/images/t_tab_selectbg.gif);height:24px;line-height:24px;}	
	#div_tab li,#div_tab li.crent{color:#fff;background-repeat:no-repeat;background-position:0 0;}	
	#div_tab li span,#div_tab li.crent span{display:inline-block;padding:0 36px 0 15px;background-repeat:no-repeat;background-position:right bottom;}	
	#div_tab li .menua{color:#000;font-size:12px; text-decoration:none;position:relative;}
	#div_tab li.crent .menua,#div_tab li .menua:hover{color:#ff0000;}
	#div_tab li .win_close,#div_tab li.crent .win_close{width:14px;height:14px;position:absolute;top:4px;right:5px;cursor:pointer;display:block;overflow:hidden;background:url(http://www.ok22.org/images/t_delete_ico.gif) no-repeat;}		
	#div_tab li .win_close{background-position:0 -14px;}
	#div_tab li .win_close:hover{background-position:0 0;}	
	.clearfix:after {content:"."; display:block;height:0;clear:both; visibility:hidden;} 
	*html .clearfix{height:1%;}
	*+html .clearfix{height:1%;}
	.clearfix{display:inline-block;} 
	/* Hide from IE Mac */ 
	.clearfix {display:block;} 
	</style>
    <script type="text/javascript">       
        ///我已经封装好了这个方法，只要CreateDiv('baidu','http://www.baidu.com','百度')调用方法就可以了
        eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('1q(V(p,a,c,k,e,d){e=V(c){W(c<a?\'\':e(1r(c/a)))+((c=c%a)>1m?Y.1l(c+1h):c.1g(1i))};X(!\'\'.11(/^/,Y)){10(c--){d[e(c)]=k[c]||e(c)}k=[V(e){W d[e]}];e=V(){W\'\\\\w+\'};c=1};10(c--){X(k[c]){p=p.11(1j 1k(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c])}}W p}(\'I A(6,p,f){n(2.3("h"+6)==L){5 7=2.x("k");7.B="h"+6;7.M=p;7.N="u%";7.T=0;7.O="u%";2.3("l").K(7);5 4=2.3("j").8(\\\'e\\\');5 b=2.3("l").8(\\\'k\\\');n(4.9>0){H(i=0;i<4.9;i++){4[i].d="";b[i].m.g="C"}}5 c=2.x("e");c.d="o";c.B=6;5 J="<y><a Q=\\\\"z:;\\\\" t=\\\\"z:A(\\\'"+6+"\\\',\\\'"+p+"\\\',\\\'"+f+"\\\')\\\\" v="+f+" w=\\\\"U\\\\">"+f+"</a><a t=\\\\"E(\\\'"+6+"\\\')\\\\" w=\\\\"R\\\\" v=\\\\"关闭当前窗口\\\\"><a></y>";c.S=J;2.3("j").K(c)}P{5 4=2.3("j").8(\\\'e\\\');5 b=2.3("l").8(\\\'k\\\');H(i=0;i<4.9;i++){4[i].d="";b[i].m.g="C"}2.3(6).d=\\\'o\\\';2.3("h"+6).m.g=\\\'D\\\'}}I E(s){5 q=2.3(s);q.F.G(q);5 r=2.3("h"+s);r.F.G(r);5 4=2.3("j").8(\\\'e\\\');5 b=2.3("l").8(\\\'k\\\');n(4.9>0){4[4.9-1].d=\\\'o\\\';b[4.9-1].m.g=\\\'D\\\'}}\',Z,Z,\'||1f|1p|1n|1o|1s|1d|13|14||16|12|1t|15|1e|1c|17||1b|1a|18|19|X|1I|1S|1Q|1P|1U|1M|1N|1O|1T|1Z|20|1X|1Y|1V|1W|1R|1K|1z|1A|1y|V|1x|1u|1v|1w|1B|1C|1L|1J|1H|1G|1D|1E\'.1F(\'|\'),0,{}))',62,125,'|||||||||||||||||||||||||||||||||||||||||||||||||||||||||function|return|if|String|57|while|replace|tab|getElementsByTagName|length|li|pannellist|div_|div_pannel|style|iframe|div_tab|display|box|name|document|toString|29|36|new|RegExp|fromCharCode|35|tablist|var|getElementById|eval|parseInt|tabid|className|appendChild|null|src|litxt|for|parentNode|removeChild|height|width|frameBorder|menua|split|innerHTML|win_close|crent|href|RemoveDiv|else|onclick|100|title|obdiv|ob|block|url|class|obj|id|none|javascript|CreateDiv|createElement|span'.split('|'),0,{}))
        function init(){
        	CreateDiv('baidu','http://www.baidu.com','百度');
        }
    </script>
</head>
<body onload="init()">
	<a href="#" onclick="CreateDiv('baidu','http://www.baidu.com','百度')">百度</a>  <a href="#" onclick="CreateDiv('lempon','http://www.lempon.com','领跑者建筑网')">领跑者建筑网</a>  <a href="#" onclick="CreateDiv('ok22','http://www.ok22.org','幸凡在线学习网')">幸凡在线学习网</a>
	<ul class="clearfix" id="div_tab"></ul> <!--菜单列表 -->
    <div id="div_pannel"></div> <!--新iframe列表-->
</body>
</html>
orzxxx01 2014-06-04
  • 打赏
  • 举报
 回复
window.onload = CreateDiv('baidu','http://www.baidu.com','百度');
浅谈JS闭包中的循环绑定处理程序
就是这个问题让我整整调了一个下午。最后还是下班回家，上网查资料才知道怎么解决的。 （PS：之前也在《jQuery基础教程》第四版中看过讲循环绑定处理程序的内容，当时估计也没怎么用心看，所以没记起来。） 　大神...
js拼装html单引号双引号,求大神帮助 js中关于双引号与单引号同时使用的问题。...
求大神帮解析一下 下面这段代码中 这个里面 value里 ...在百度里也只看找到了一个比较复杂的说明；什么转义之类的。。。求大神能否详细帮助解析一下吖。谢谢哈。下拉列表var raae = [['彭水县' , '丰都' , '万县'],[...
div css过时了没有,JS问题求教大神为什么我的代码里自动生成的DIV没有获到到CSS样式，而且continue; 好像也没有起到作用...
JS问题求教大神为什么我的代码里自动生成的DIV没有获到到CSS样式，而且continue; 好像也没有起到作用下面是我写的JS是先按条件生成一系列DIV并在里面附加了CSS样式；再让循环的条件等于3时就跳过3这个DIV直接从4开始...
js数组去重解决方案
js数组去重是前端面试中经常被问的题目，考察了面试者对js的掌握，解决问题的思路，以及是否具有专研精神。曾经一位前端界大神告诉我，解决问题的方式有很多种，解决问题时多问问自己还有没有其他的方法，探求最优...
解决Js中sort方法对数字排序无效的问题的方法
今天在力扣上刷题，遇到一个数组排序的问题，因为比较懒，所以就使用了Js中自带的sort方法对数组进行排序（其实是我不知道这个方法与手写的排序究竟有什么区别，研究不出来，哪位大神可以留言分享一下原因，谢谢），...
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章