<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>test</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style type="text/css">
<!--
ul,li { list-style:none}
.wrap { width:100% line-height:2em}
.nav1 { float:left width:10% background:#ccc}
.nav2 { float:left width:10% background:#00cc66}
.nav2 ul { display:none}
.content { float:left width:20% background:#cc0066}
-->
</style>
<script type="text/javascript">
<!--
$(function(){
$(".nav1").find("a").each(function(index){
$(this).click(function(){
$(".nav2").children().css("display","none")
$(".nav2").children().eq(index).css("display","block")
})
})
$(".nav2").find("a").each(function(){
$(this).click(function(){
$(".content").text($(this).text())
})
})
})
//-->
</script>
</head>
<body>
<div class="wrap">
<!--栏目-->
<div class="nav1">
<ul>
<li><a href="#">栏目一</a></li>
<li><a href="#">栏目二</a></li>
<li><a href="#">栏目三</a></li>
<li><a href="#">栏目四</a></li>
<li><a href="#">栏目五</a></li>
</ul></div>
<!--分类-->
<div class="nav2">
<ul>
<li><a href="#">栏目一分类1</a></li>
<li><a href="#">栏目一分类2</a></li>
<li><a href="#">栏目一分类3</a></li>
<li><a href="#">栏目一分类4</a></li>
<li><a href="#">栏目一分类5</a></li>
</ul>
<ul>
<li><a href="#">栏目二分类1</a></li>
<li><a href="#">栏目二分类2</a></li>
<li><a href="#">栏目二分类3</a></li>
<li><a href="#">栏目二分类4</a></li>
<li><a href="#">栏目二分类5</a></li>
</ul>
<ul>
<li><a href="#">栏目三分类1</a></li>
<li><a href="#">栏目三分类2</a></li>
<li><a href="#">栏目三分类3</a></li>
<li><a href="#">栏目三分类4</a></li>
<li><a href="#">栏目三分类5</a></li>
</ul>
<ul>
<li><a href="#">栏目四分类1</a></li>
<li><a href="#">栏目四分类2</a></li>
<li><a href="#">栏目四分类3</a></li>
<li><a href="#">栏目四分类4</a></li>
<li><a href="#">栏目四分类5</a></li>
</ul>
<ul>
<li><a href="#">栏目五分类1</a></li>
<li><a href="#">栏目五分类2</a></li>
<li><a href="#">栏目五分类3</a></li>
<li><a href="#">栏目五分类4</a></li>
<li><a href="#">栏目五分类5</a></li>
</ul></div>
<!--分类内容-->
<div class="content"></div>
</div>
</body>
</html>
Web标准是由一系列规范组成，由于Web设计越来越趋向于整体化与结构化，此前的Web标准也逐步成为由三大部分组成的标准集：结构(Structure)、表现(Presentation)和行为(Behavior)。对应的网站标准也分三方面：结构化标准语言、表现标准语言(主要包括CSS)和行为标准。\x0d\x0a其中，html就是结构，主要存放网页一元素；\x0d\x0acss就是表现，对元素的样式进行设置，例如宽度，高度，位置，字体等等；\x0d\x0ajavascript就是行为，对元素取值，动态的改变等等首先，能把问题问明白的，很少见，给您点个赞。其次，拒绝求成品的更少见！
正题：
js里只有单线程，没法多线程的。
目测你的转换规则很简单，没必要用多线程处理吧。（难道数据量很大？）
替换的话，原生js里有个replace()函数，你可以查看一下用法。参数是支持正则表达式的。
比如：
"ABCdefgABCefg".replace( /ABC/g, "5222" )
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）