1.Web 里面有三個目錄:
1.1 content.htm //這個文件直接運行就行
1.2 js //這里面有用到的幾個js 文件,其中 以db 開頭的就是數據源(就是json 串)
1.3 css //css 就不用說了
2. 直接運行 content.htm 就可以直接打開查看分頁和搜索效果了
3. 原理很簡單,只是用了javascript 的index 函數
核心代碼:
代碼如下:
/*
author: liulf
function:
var __db_cpcj=vCpcj;
var __db_cp=vCp;
var vCp={"cppage":[
{"cpdh":"A01000101","page":"1","ca":"1309-36-0","mc":"硫鐵礦","ename":"Pyrite","bm":"黃鐵礦"},
{"cpdh":"A01000201","page":"1","ca":"1309-36-0","mc":"硫精砂","ename":"Pyrite concentrate;Sulfur concentrate","bm":""},
{"cpdh":"A01000202","page":"1","ca":"1309-36-0","mc":"硫精礦粉","ename":"Powdered pyrite concentrate;Pyrites concentrate,powder;Sulfur concentrate,powder","bm":"硫精礦"},
{"cpdh":"A02000101","page":"1","ca":"","mc":"磷礦石","ename":"Phosphorus ore","bm":""},
{"cpdh":"A02000111","page":"2","ca":"","mc":"磷礦砂","ename":"Phosphorite grit","bm":""},
{"cpdh":"A02000201","page":"2","ca":"","mc":"磷礦粉","ename":"Phosphate rock powder","bm":""},
{"cpdh":"A03000101","page":"2","ca":"12447-04-0","mc":"硼礦石","ename":"Ascharite;Boric ore","bm":"硼鎂礦"},
{"cpdh":"A04000101","page":"2","ca":"","mc":"鉀長石","ename":"Potash feldspar;Potassium feldspars","bm":""},
{"cpdh":"A04000201","page":"2","ca":"12003-63-3","mc":"長石粉","ename":"Feldspar powder","bm":""},
{"cpdh":"A04000301","page":"2","ca":"","mc":"光鹵石","ename":"Carnallite","bm":""}
]}
var vCpcj={"cjpage":[{"cjdh":"110634","cm":"拜耳光翌板材有限責任公司","pagen":"1701"},
{"cjdh":"110052","cm":"北京艾瑞斯水墨有限公司","pagen":"1701"},
{"cjdh":"110408","cm":"北京艾斯克醫藥技術開發有限公司","pagen":"1701"},
{"cjdh":"110010","cm":"北京愛德泰普膜制品廠","pagen":"1701"},
{"cjdh":"110165","cm":"北京安實創業科技發展有限公司","pagen":"1701"},
{"cjdh":"110134","cm":"北京安順達裝飾材料有限公司","pagen":"1701"},
{"cjdh":"110291","cm":"北京奧博星生物技術責任有限公司","pagen":"1701"},
{"cjdh":"110191","cm":"北京奧得賽化學有限公司","pagen":"1701"},
{"cjdh":"110454","cm":"北京奧克蘭防水工程有限責任公司","pagen":"1701"},
{"cjdh":"110520","cm":"北京奧森特種潤滑材料廠","pagen":"1701"}]}
奧森特
*/
function ObjSearch()
{
this.kw = '';
this.option = '';
this.displayId = '';
this.search = function()
{
// if(this.kw=='' || this.kw==null || this.kw.length<3)
// {
// alert('輸入長度不能為小于3!');
// return;
// }
// switch(this.option)
// {
// //企業
// case '0':
// this.searchCpcj();
// break;
// //產品
// case '1':
// this.searchCp();
// break;