网页内搜索
Posted tangsujuan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页内搜索相关的知识，希望对你有一定的参考价值。
专题链接：http://fj.huatu.com/zt/zyml/
<form class="layui-form" action="" onSubmit="return search();"> <div class="layui-form-item"> <div class="layui-input-block"> <input type="text" name="title" required lay-verify="required" placeholder="请输入专业名称" autocomplete="off" class="layui-input" id="searchInput" value=""> </div> <button class="layui-btn" lay-submit lay-filter="formDemo">搜索专业</button> </div> </form>
<table id="all_list" class="layui-table">
<tr> <td x:str="" class="list_one tablebg"> 一、哲学、文学、历史学大类</td> </tr> <tr> <td class="list_one"> 1. 哲学类：哲学，逻辑学，宗教学，伦理学，马克思主义哲学，中国哲学，外国哲学，美学，科学技术哲学，科学技术史</td> </tr> <tr> <td class="list_one"> 2. 中国语言文学类：汉语言文学（教育），汉语（言），中国语言文学（教育），中国语言文化，中文应用，汉语国际教育，对外汉语，华文教育，应用语言学，古典文献（学），文学，文学语言学，中国文学，汉语言文学与文化传播，汉语言文学，中国少数民族语言文学（藏语言文学，蒙古语言文学，维吾尔语言文学，朝鲜语言文学，哈萨克语言文学等），中国少数民族语言文化，文艺学，语言学及应用语言学，汉语言文字学，中医文化学，中国古典文献学，中国古代文学，中国现当代文学，文学阅读与文学教育，比较文学与世界文学，秘书（学），文秘（学），中文（文秘或秘书）教育，现代秘书，司法文秘（秘书）、医学文秘等专业秘书，涉外文秘，文秘与办公自动化，涉外文秘与公共关系，安全秘书、学科教学（语文），语文教育，经济秘书，中国学，戏剧影视文学，台湾文化研究，编辑学</td> </tr> <tr> <td class="list_one"> 3. 少数民族语言文学类：中国少数民族语言文学（藏语言文学，蒙古语言文学，维吾尔语言文学，朝鲜语言文学，哈萨克语言文学等），中国少数民族语言文化</td> </tr> <tr> <td class="list_one"> 4. 外国语言文学类：英语，俄语，德语，法语，西班牙语，阿拉伯语，日语，波斯语，朝鲜语，菲律宾语，梵语巴利语，印度尼西亚语，印地语，柬埔寨语，老挝语，缅甸语，马来语，蒙古语，僧加罗语，泰语，乌尔都语，希伯莱语，越南语，豪萨语，斯瓦希里语，阿尔巴尼亚语，保加利亚语，波兰语，捷克语，罗马尼亚语，葡萄牙语，瑞典语，塞尔维亚—克罗地亚语，土耳其语，希腊语，匈牙利语，意大利语，捷克－斯洛伐克语，泰米尔语，普什图语，世界语，孟加拉语，尼泊尔语，塞尔维亚语—克罗地亚语，荷兰语，芬兰语，乌克兰语，韩国语，塞尔维亚语，克罗地亚语，挪威语，丹麦语，冰岛语，翻译，英语语言文学，俄语语言文学，法语语言文学，德语语言文学，日语语言文学，印度语言文学，西班牙语语言文学，阿拉伯语语言文学，欧洲语言文学，亚非语言文学，外国语言学及应用语言学，翻译硕士，应用英语，实用英语，应用日语，应用俄语，应用德语，应用法语，应用韩语，商务英语，外贸英语，旅游英语，商务日语，旅游日语，应用西班牙语，应用阿拉伯语，应用意大利语，应用越南语，应用泰国语，应用缅甸语，应用柬埔寨语，应用老挝语，（含外国语系、院、校开设的相应语种相关专业），学科教学（英语），英语教育，英语（笔译）、英语（口译）、英语（翻译）</td> </tr> <tr> <td class="list_one"> 5. 新闻传播学类：新闻（学），广播电视新闻学，广播电视（学），广播电视编导，广告学，编辑出版（学），传播学，新闻与传播，出版（研究），国际新闻，体育新闻，网络与新媒体，新媒体与信息网络，大众传播，媒体与文化分析，媒体创意，数字出版，摄影，新闻采编与制作，新闻学与大众传播，信息传播与策划，传媒策划与管理，新媒体，影视广告，主持与播音（艺术），广播电视技术，电视节目制作，摄影摄像技术，音像技术，影视多媒体技术，影视动画，电视制片管理，数字传媒艺术，影视灯光艺术，电视摄像，作曲技术，剪辑，录音技术与艺术</td> </tr> <tr> <td class="list_one"> 6. 艺术设计类：美术(学)，绘画，雕塑，书法学，摄影，艺术学，艺术学理论，公共艺术，艺术史论，艺术硕士专业（美术、艺术设计），设计学，艺术设计(学)，视觉传达（艺术）设计，环境（艺术）设计，产品设计，工艺美术（学），数字媒体艺术，服装与服饰设计，学科教学（美术），产品造型设计，照明艺术，会展艺术与技术，中国画，艺术与科技，服装设计与工程，服装设计与工艺教育，广告设计与制作，广告与装潢，电脑艺术设计，电脑美术设计，人物形象设计，装潢艺术设计，美术装潢设计，装饰艺术设计，雕塑艺术设计，珠宝首饰工艺及鉴定，雕刻艺术与家具设计，旅游工艺品设计与制作，多媒体设计与制作，应用艺术设计，书画鉴定，陶瓷艺术设计，广告与会展，广告，木材加工技术(藤竹加工工艺方向)，舞台艺术设计，商务形象传播，钟表设计，首饰设计，皮具设计，鞋类设计，室内与家具设计，室内设计技术，工业造型设计，主持与播音（艺术），影视学，广播影视编导</td> </tr> <tr> <td class="list_one"> 7. 表演艺术类：音乐（学），音乐表演，作曲与作曲技术理论，舞蹈表演，舞蹈（学），舞蹈编导，学科教学（音乐、影视），音乐与舞蹈学、音乐科技与艺术，表演，戏剧学，电影学，戏剧影视文学，广播影视文艺学，广播电视（影视）编导，广播电视艺术学，广播电视文学，戏剧影视导演，戏剧与影视学，戏剧戏曲学，戏剧影视美术设计，导演，编导，摄影，录音艺术，动画，播音与主持艺术，艺术硕士专业（音乐、舞蹈、戏剧，戏曲，电影，广播电视），戏剧与影视学，音响工程，主持与播音（艺术），影视学，影视表演，钢琴伴奏，钢琴调律，乐器维护服务，乐器维修技术（艺术），服装表演，模特与礼仪，杂技表演，表演艺术，戏曲，戏曲表演</td> </tr> <tr> <td class="list_one"> 8. 历史学类：历史学，世界（历）史，外国语言与外国历史，考古学，文物与博物馆(学)，博物馆学，中国近现代史基本问题研究，亚太区域研究，史学理论及史学史，考古学及博物馆学，历史文献学，专门史，中国(古代)史，中国近现代史，文化人类学，海洋史学，学科教学（历史），文物保护技术，历史地理学，民族学，文物鉴定（赏）与修复</td> </tr>
</table>
1 var active = 0; 2 $(‘.ayui-btn‘).click(function () { 3 search(); 4 }) 5 6 function search() { 7 var kwds = $("#searchInput").val(); 8 var this_one = {}; 9 var real_name = ‘‘; 10 var list = $("#all_list .list_one"); 11 var true_one = 0; 12 for (var i = 0; i < list.length; i++) { 13 this_one = $(list[i]); 14 real_name = this_one.text().toString(); 15 if (real_name.match(kwds)) { 16 if (true_one == active) { 17 var windows_wdh = $(window).width(); 18 var windows_hgt = $(window).height(); 19 var x_len = this_one.offset().left; 20 var y_len = this_one.offset().top; 21 $("html,body").animate({ 22 scrollTop: (y_len - windows_hgt / 2), 23 scrollLeft: (x_len - windows_wdh / 2) 24 }, 500); 25 this_one.addClass(‘active‘); 26 this_one.removeClass(‘on‘); 27 } else { 28 this_one.addClass(‘on‘); 29 this_one.removeClass(‘active‘); 30 } 31 true_one++; 32 } else { 33 this_one.removeClass(‘on‘); 34 } 35 } 36 active = active >= true_one - 1 ? 0 : active + 1; 37 return false; 38 }
以上是关于网页内搜索的主要内容，如果未能解决你的问题，请参考以下文章