国产又黄又粗又长又大的视频-色婷婷久久一区二区爽爽爽-欧美日本韩国国产在线观-尹人香蕉琪琪在现观看
成都網站建設
|
域名注冊
|
虛擬主機
|
網站制作
|
網站案例
|
網站優(yōu)化
|
網站推廣
|
企業(yè)郵局
|
服務器租用
|
廣告設計
首頁
域名注冊
虛擬主機
網站建設
服務器租用
營銷推廣
網站程序
前端開發(fā)
移動互聯網
企業(yè)郵箱
廣告設計
|
成都VI設計
|
畫冊設計制作
|
成都包裝設計
|
網頁設計
|
成都虛擬主機
|
網站建設
|
營銷型網站建設
前端開發(fā)
html
div+css
css
jQuery
JavaScript教程
ajax教程
XML教程
json教程
bootstrap教程
域名注冊
英文域名
中文域名
域名轉入\轉出
通用網址
無線網址
虛擬主機
主機購買
數據庫
主機管理
FTP上傳
主機續(xù)費升級
網站建設
網站策劃
網站方案
網頁設計
網站制作
網站改版
服務器租用
web服務器
FTP服務器
服務器租用
服務器托管
云主機服務器
營銷推廣
seo優(yōu)化
網站推廣
搜索引擎
免費資源
網站程序
vb編程
asp程序
php程序
asp.net程序
C#程序
移動互聯網
wap手機網站
app應用開發(fā)
微網站
企業(yè)郵箱
企業(yè)郵箱優(yōu)勢
企業(yè)郵箱設置
郵箱收發(fā)問題
郵箱功能講解
郵箱其他問題
網站備案
備案流程指南
備案資料下載
備案常見問題
各省備案要求
當前位置：
創(chuàng)新互聯
>>
常見問題
>>
前端開發(fā)
>>
JavaScript教程
>>
Javascript無限分類算法的實現
Javascript無限分類算法的實現
作者：創(chuàng)新互聯 文章來源：前端開發(fā)部 點擊數：
更新時間：2008-03-25
通過
asp
動態(tài)生成 js 的數組，然后js在客戶端去排列，最大的減少了服務器端的壓力。(
服務器
端只是查詢了一次，沒有其他操作)
數據庫
設計：
id: 索引，自動編號
mc: varchar 100字節(jié)，記錄分類名稱
fl: 數字，記錄屬于哪個分類，0為根分類
ceng: 數字，記錄處于多少層 根分類為0層，以后遞增1
生成的html代碼如下：
<html>
<head>
<title>fenlei</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<SCRIPT LANGUAGE="JavaScript">
<!--
var dataArray = {};
var tempArray = {};
var xx="";
tempArray[0]="|_@1@_!_#_|_@test@_!_#_|_@0" data-ke-src="mailto:0@_!_#_$_|_@1@_!_#_$_|_@test@_!_#_$_|_@0" ;tempArray[6]="2@_!_#_$_|_@7@_!_#_$_|_@sss@_!_#_$_|_@2" ;tempArray[5]="2@_!_#_$_|_@6@_!_#_$_|_@aaa@_!_#_$_|_@2" ;tempArray[4]="4@_!_#_$_|_@5@_!_#_$_|_@test5@_!_#_$_|_@1" ;tempArray[3]="0@_!_#_$_|_@4@_!_#_$_|_@test@_!_#_$_|_@0" ;tempArray[2]="2@_!_#_$_|_@3@_!_#_$_|_@test1-test2@_!_#_$_|_@2" ;tempArray[1]="1@_!_#_$_|_@2@_!_#_$_|_@test1@_!_#_$_|_@1">0@_!_#_$_|_@1@_!_#_$_|_@test@_!_#_$_|_@0";tempArray[1]="1@_!_#_$_|_@2@_!_#_$_|_@test1@_!_#_$_|_@1";tempArray[2]="2@_!_#_$_|_@3@_!_#_$_|_@test1-test2@_!_#_$_|_@2";tempArray[3]="0@_!_#_$_|_@4@_!_#_$_|_@test@_!_#_$_|_@0";tempArray[4]="4@_!_#_$_|_@5@_!_#_$_|_@test5@_!_#_$_|_@1";tempArray[5]="2@_!_#_$_|_@6@_!_#_$_|_@aaa@_!_#_$_|_@2";tempArray[6]="2@_!_#_$_|_@7@_!_#_$_|_@sss@_!_#_$_|_@2";
var y=0;
function loadNextType(upid){
for(var key in tempArray){
var temps=tempArray[key].split("@_!_#_$_|_@");
var z=temps[1];
if(temps[0]==upid){
y+=1;
xx="";
for(k=0;k<parseInt(temps[3]);k++){
if(k!=parseInt(temps[3])-1){
xx+=" ";
}else{
xx+=" ◇";
}
}
dataArray[y]=temps[0]+"@_!_#_$_|_@"+temps[1]+"@_!_#_$_|_@"+xx+temps[2];
loadNextType(z);
}
}
}
for(var key in tempArray){
var tmp=tempArray[key].split("@_!_#_$_|_@");
if(tmp[0]==0){
dataArray[y]=tmp[0]+"@_!_#_$_|_@"+tmp[1]+"@_!_#_$_|_@"+"◆"+tmp[2];
loadNextType(tmp[1]);
y+=1;
}
}
//-->
</SCRIPT>
<span style="border:1px solid #000000; position:absolute; overflow:hidden;" >
<select name="fenlei" style="margin:-2px;">
<SCRIPT LANGUAGE="JavaScript">
<!--
for(var key in dataArray){
var tp=dataArray[key].split("@_!_#_$_|_@");
document.write('<option value='+tp[1]+'>'+tp[2]+'</option>');
}
//-->
</SCRIPT>
</select></span>
</body>
</html>
服務器
端asp代碼如下：
<!--#include file="../conn.asp"-->
<!--#include file="ck.asp"-->
<html>
<head>
<title>fenlei</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<SCRIPT LANGUAGE="JavaScript">
<!--
var dataArray = {};
var tempArray = {};
var xx="";
<%
dim sql
Set rs=server.createobject("adodb.recordset")
sql="select * from fenlei"
rs.open sql,conn,1,1
dim x
x=0
do while not rs.eof
response.write "tempArray[" & x & "]=""" &rs("fl") & "@_!_#_$_|_@" &rs("id") & "@_!_#_$_|_@" & rs("mc") & "@_!_#_$_|_@" & rs("ceng") & """;"
x=x+1
rs.movenext
loop
%>
var y=0;
function loadNextType(upid){
for(var key in tempArray){
var temps=tempArray[key].split("@_!_#_$_|_@");
var z=temps[1];
if(temps[0]==upid){
y+=1;
xx="";
for(k=0;k<parseInt(temps[3]);k++){
if(k!=parseInt(temps[3])-1){
xx+=" ";
}else{
xx+=" ◇";
}
}
dataArray[y]=temps[0]+"@_!_#_$_|_@"+temps[1]+"@_!_#_$_|_@"+xx+temps[2];
loadNextType(z);
}
}
}
for(var key in tempArray){
var tmp=tempArray[key].split("@_!_#_$_|_@");
if(tmp[0]==0){
dataArray[y]=tmp[0]+"@_!_#_$_|_@"+tmp[1]+"@_!_#_$_|_@"+"◆"+tmp[2];
loadNextType(tmp[1]);
y+=1;
}
}
//-->
</SCRIPT>
<span style="border:1px solid #000000; position:absolute; overflow:hidden;" >
<select name="fenlei" style="margin:-2px;">
<SCRIPT LANGUAGE="JavaScript">
<!--
for(var key in dataArray){
var tp=dataArray[key].split("@_!_#_$_|_@");
document.write('<option value='+tp[1]+'>'+tp[2]+'</option>');
}
//-->
</SCRIPT>
</select></span>
</body>
</html>
講解：
asp
查詢
數據庫
，生成js數據 object(不是數組，類似)
數據庫不同的行，對應不同的 tempArray[0] tempArray[1]......
不同字段在每條數據中通過"@_!_#_$_|_@"分割，以避免會與數據中的文本有重復。
用js通過遞歸算法重新排列tempArray 得到dataArray 并循環(huán)打印成為select中的option
javascript表單之間的數據傳遞
:上一篇
沒有了!
:下一篇
JavaScript教程相關文章
javascript表單之間的數...
JavaScript實用技巧集錦
用Javascript輕松制作抽...
一個簡單的javascript菜...
創(chuàng)新互聯專業(yè)網站設計制作、網站建設、UI設計、網頁設計。歡迎咨詢028-86922220
網站備案
|
企業(yè)郵箱
|
移動互聯網
|
前端開發(fā)
|
網站程序
|
營銷推廣
|
服務器租用
|
網站建設
|
虛擬主機
|
域名注冊
|
熱門搜索
服務電話：028-86922220 13518219792 公司地址：成都市太升南路288號錦天國際A幢10樓2號
企業(yè)郵箱：
service@cdxwcx.com
版權所有：成都創(chuàng)新互聯科技有限公司 蜀ICP備09010846號
成都網站建設
国产欧美一区二区三区精品视
|
亚洲熟女乱色一区二区三区
|
欧美人禽色视频免费看
|
国产老熟女乱子人伦视频
|
欧美精品中文字幕亚洲
|
国产成人精品国产成人亚洲
|
国产精品流白浆无遮挡
|
精品国产亚洲一区二区三区
|
精品女同一区二区三区
|
激情三级在线观看视频
|
国产对白老熟女正在播放
|
一级片二级片欧美日韩
|
91天堂免费在线观看
|
亚洲精品中文字幕无限乱码
|
日韩性生活片免费观看
|
99久久无色码中文字幕免费
|
一区二区三区在线不卡免费
|
中文字幕人妻一区二区免费
|
少妇丰满a一区二区三区
|
日韩成人午夜福利免费视频
|
亚洲精品中文字幕无限乱码
|
日韩特级黄色大片在线观看
|
亚洲精品小视频在线观看
|
日韩欧美在线看一卡一卡
|
欧美日韩一级黄片免费观看
|
天海翼精品久久中文字幕
|
国产高清一区二区白浆
|
日韩一级免费中文字幕视频
|
欧美国产日本免费不卡
|
国产成人午夜在线视频
|
久久精品视频就在久久
|
日韩不卡一区二区三区色图
|
久久久精品日韩欧美丰满
|
国产老女人性生活视频
|
2019年国产最新视频
|
欧美日韩国内一区二区
|
日韩欧美二区中文字幕
|
国产欧美亚洲精品自拍
|
免费大片黄在线观看日本
|
国产丝袜美女诱惑一区二区
|
亚洲欧美天堂精品在线
|
更新時間：2008-03-25
