手册

目录

实时搜索

收藏229

阅读2675

更新时间2025-08-06

AJAX 实时搜索

下例将演示实时搜索,即在您键入的同时获得搜索结果。

与传统搜索相比,实时搜索有许多优点:

  • 当您键入时显示结果
  • 继续键入时结果会变窄
  • 如果结果过于狭窄,删除字符可看到更广泛的结果

请在下面的输入框中搜索 W3School 页面:

上例中的结果是在一个XML文件(links.xml)中找到的。为了使此例小而简单,只提供了六个结果。

实例解释 - HTML 页面

当用户在上面的输入框中键入一个字符时,会执行 "showResult()" 函数。该函数由 "onkeyup" 事件触发:







源代码解释:

如果输入框为空(str.length==0),则该函数会清除 livesearch 占位符的内容并退出函数。

如果输入框不为空,则 showResult() 函数将执行以下操作:

  1. 创建一个 XMLHttpRequest 对象
  2. 创建服务器响应就绪时要执行的函数
  3. 将请求发送到服务器上的文件
  4. 请注意,参数(q)已添加到 URL 中(带有输入框的内容)

PHP 文件

JavaScript 调用的服务器页面是一个名为 "livesearch.php" 的 PHP 文件。

"livesearch.php" 中的源代码会在 XML 文件中搜索与搜索字符串匹配的标题,并返回结果:

load("links.xml");

$x=$xmlDoc->getElementsByTagName('link');

// 从 URL 获取 q 参数
$q=$_GET["q"];

// 如果 q 的长度大于 0,则从 xml 文件中查找所有链接
if (strlen($q)>0) {
  $hint="";
  for($i=0; $i<($x->length); $i++) {
    $y=$x->item($i)->getElementsByTagName('title');
    $z=$x->item($i)->getElementsByTagName('url');
    if ($y->item(0)->nodeType==1) {
      // 查找与搜索文本匹配的链接
      if (stristr($y->item(0)->childNodes->item(0)->nodeValue,$q)) {
        if ($hint=="") {
          $hint="" .
          $y->item(0)->childNodes->item(0)->nodeValue . "";
        } else {
          $hint=$hint . "
" . $y->item(0)->childNodes->item(0)->nodeValue . ""; } } } } } // 如果没有找到提示,则将输出设置为“无建议” // 或设置为正确的值 if ($hint=="") { $response="no suggestion"; } else { $response=$hint; } // 输出响应 echo $response; ?>

如果从 JavaScript 发送了任何文本(strlen($q) > 0),则会发生以下情况:

  1. 将 XML 文件加载到新的 XML DOM 对象中
  2. 循环遍历所有 </code> 元素,找到与从 JavaScript 发送的文本的匹配项。</li> <li>在 <code>$response</code> 变量中设置正确的 url 和标题。如果找到多个匹配项,则将所有匹配项添加到变量中。</li> <li>如果没有找到匹配项,则将 <code>$response</code> 变量设置为“无建议”。</li> </ol> </div> <div class="desadown flexRow"> <a href="/php/php-php-ajax-xml.html" title="XML" class="dsdleft flexRow dsda"> <img src="/static/lhimages/icon226.png" class="nocheck"> <img src="/static/lhimages/icon226_check.png" class="check"> <p>XML</p> </a> <a href="/php/php-php-ajax-poll.html" title="Poll" class="dsdright flexRow dsda"><p>Poll</p> <img src="/static/lhimages/icon227.png" class="nocheck"> <img src="/static/lhimages/icon227_check.png" class="check"> </a> </div> </div> <div class="left-video"> <div class="ltzt-title lttitle flexRow"> <div class="title-left flexRow"> <p><span>相关</span><b></b></p> <p>视频</p> <p class="eng">RELATED VIDEOS</p> </div> <a class="title-more flexRow" href="/course/sort_new.html" title="视频教程"><b></b>更多 </a> </div> <div class="video-list flexRow codevideo"> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg2'>中级</i> <a href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="aBlack aClass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> </dt> <dd class="flexRow studyandcoll"> <p>1484960次学习</p><em><a class="courseICollection " data-id="812" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/1188.html" title="php8,我来也"> <img src="https://img.php.cn/upload/course/000/000/068/62b2ea11e0283309.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="php8,我来也" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/1188.html" title="php8,我来也" class="aBlack aClass">php8,我来也</a> </dt> <dd class="flexRow studyandcoll"> <p>315072次学习</p><em><a class="courseICollection " data-id="1188" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/1086.html" title="Thinkphp6.0正式版视频教程"> <img src="https://img.php.cn/upload/course/000/000/015/61adbdb9912b0589.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="Thinkphp6.0正式版视频教程" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg2'>中级</i> <a href="/course/1086.html" title="Thinkphp6.0正式版视频教程" class="aBlack aClass">Thinkphp6.0正式版视频教程</a> </dt> <dd class="flexRow studyandcoll"> <p>378415次学习</p><em><a class="courseICollection " data-id="1086" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/1203.html" title="细说PHP第一季"> <img src="https://img.php.cn/upload/course/000/000/068/6253d15e4bb6a476.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="细说PHP第一季" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg2'>中级</i> <a href="/course/1203.html" title="细说PHP第一季" class="aBlack aClass">细说PHP第一季</a> </dt> <dd class="flexRow studyandcoll"> <p>265134次学习</p><em><a class="courseICollection " data-id="1203" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/1134.html" title="TP6.0 搭建个人博客实战(玉女心经版)"> <img src="https://img.php.cn/upload/course/000/000/068/62555a16c9bf9556.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="TP6.0 搭建个人博客实战(玉女心经版)" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/1134.html" title="TP6.0 搭建个人博客实战(玉女心经版)" class="aBlack aClass">TP6.0 搭建个人博客实战(玉女心经版)</a> </dt> <dd class="flexRow studyandcoll"> <p>208023次学习</p><em><a class="courseICollection " data-id="1134" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/1503.html" title="简单聊聊PHP创业那点事"> <img src="https://img.php.cn/upload/course/000/000/067/64be3549bab29833.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="简单聊聊PHP创业那点事" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg1'>初级</i> <a href="/course/1503.html" title="简单聊聊PHP创业那点事" class="aBlack aClass">简单聊聊PHP创业那点事</a> </dt> <dd class="flexRow studyandcoll"> <p>12919次学习</p><em><a class="courseICollection " data-id="1503" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/797.html" title="PHP实战天龙八部之微信支付视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d242759adb88970.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="PHP实战天龙八部之微信支付视频教程" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg2'>中级</i> <a href="/course/797.html" title="PHP实战天龙八部之微信支付视频教程" class="aBlack aClass">PHP实战天龙八部之微信支付视频教程</a> </dt> <dd class="flexRow studyandcoll"> <p>171999次学习</p><em><a class="courseICollection " data-id="797" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站"> <img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="PHP实战天龙八部之仿爱奇艺电影网站" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg2'>中级</i> <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="aBlack aClass">PHP实战天龙八部之仿爱奇艺电影网站</a> </dt> <dd class="flexRow studyandcoll"> <p>769630次学习</p><em><a class="courseICollection " data-id="801" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> <div class="codevideo-tab flexColumn"> <div class="vtaba-free"> <p>免费</p> </div> <a class="codevtaba flexRow" href="/course/836.html" title="大型实战天龙八部之开发Mini版MVC框架仿糗事百科网站"> <img src="https://img.php.cn/upload/course/000/000/001/5d24230536122573.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="大型实战天龙八部之开发Mini版MVC框架仿糗事百科网站" class="codevtabimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="codevtdown flexColumn"> <div> <dt><i class='bg2'>中级</i> <a href="/course/836.html" title="大型实战天龙八部之开发Mini版MVC框架仿糗事百科网站" class="aBlack aClass">大型实战天龙八部之开发Mini版MVC框架仿糗事百科网站</a> </dt> <dd class="flexRow studyandcoll"> <p>43815次学习</p><em><a class="courseICollection " data-id="836" href="javascript:void(0);"><b></b>收藏</a></em> </dd> </div> </div> </div> </div> </div> </div> </div> <div class="conRight"> <div class="technology-news rightDiv"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>科技资讯</p> </div> <a class="rititle-more flexRow" href="/it" title="科技资讯">更多</a> </div> <ul class="tecnewul"> <li class="tecnelli flexRow"> <a href="/faq/1689833.html" title="亚马逊抢下OpenAI 380亿美元大单 强化AI模型训练" class="tecna"> <img src="https://img.php.cn/upload/article/001/242/473/176231456445335.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="亚马逊抢下OpenAI 380亿美元大单 强化AI模型训练" class="tecnAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="tecnRight flexColumn"> <a href="/faq/1689833.html" title="亚马逊抢下OpenAI 380亿美元大单 强化AI模型训练" class="tecnda overflowclass">亚马逊抢下OpenAI 380亿美元大单 强化AI模型训练</a> <a class="tecnp overflowclass" href="/faq/1689833.html" title="亚马逊抢下OpenAI 380亿美元大单 强化AI模型训练">美国人工智慧新创OpenAI与电商与科技巨头亚马逊(Amazon)于週一共同宣布,双方将首度展开深度合作,签署一项价值高达380亿美元的多年云端运算协议。这项合作旨在协助OpenAI应对日益增长的运算需求,并使其能直接接入亚马逊数据中心内高效能的辉达(Nvidia)AI晶片资源。依据规划,所有合约中承诺的云端运算能力预计将在2026年底前全面部署完成,为OpenAI在ChatGPT等生成式AI模型的训练与推理提供强大支援。此举也被视为亚马逊强化其云端服务平台AWS市场竞争力的关键一步,象征其在A</a> </div> </li> <li class="tecnelli flexRow"> <a href="/faq/1689751.html" title="小岛秀夫:我制作游戏是为了给予人们生存和快乐的能量" class="tecna"> <img src="https://img.php.cn/upload/article/001/246/273/176231353963265.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="小岛秀夫:我制作游戏是为了给予人们生存和快乐的能量" class="tecnAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="tecnRight flexColumn"> <a href="/faq/1689751.html" title="小岛秀夫:我制作游戏是为了给予人们生存和快乐的能量" class="tecnda overflowclass">小岛秀夫:我制作游戏是为了给予人们生存和快乐的能量</a> <a class="tecnp overflowclass" href="/faq/1689751.html" title="小岛秀夫:我制作游戏是为了给予人们生存和快乐的能量">11月5日消息,据外媒Wccftech报道,小岛秀夫上周末出席了2025年卢卡漫展,并在一场特别的对谈活动中,与《死亡搁浅2:冥滩之上》主演卢卡・马里内利(饰演尼尔・潘纳)和阿丽莎・荣格(饰演露西)同台亮相。活动中,小岛秀夫也分享了自己创作游戏背后的深层动机——希望赋予玩家继续生活的勇气与喜悦。以下是其发言的核心内容:我是在电影和书籍的陪伴下成长的。小时候,我常常觉得世界充满阴霾,身边也没有可以依靠的榜样,而电影成了支撑我前行的力量。那些影片中的角色、台词或主题,总能让我重新振作,给予我活</a> </div> </li> <li class="tecnelli flexRow"> <a href="/faq/1688807.html" title="微软砸下97亿美元 向澳洲IREN买辉达的AI算力" class="tecna"> <img src="https://img.php.cn/upload/article/001/242/473/176230315957838.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="微软砸下97亿美元 向澳洲IREN买辉达的AI算力" class="tecnAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="tecnRight flexColumn"> <a href="/faq/1688807.html" title="微软砸下97亿美元 向澳洲IREN买辉达的AI算力" class="tecnda overflowclass">微软砸下97亿美元 向澳洲IREN买辉达的AI算力</a> <a class="tecnp overflowclass" href="/faq/1688807.html" title="微软砸下97亿美元 向澳洲IREN买辉达的AI算力">美国科技巨头微软(MicrosoftCorp.)持续扩大在人工智慧领域的布局,近期与澳洲数据中心运营商IRENLtd.签订了一份价值约97亿美元的重大协议,采购其AI运算能力,正式成为IREN的最大客户。根据IREN于週一发布的公告,这项为期五年的合作将使微软取得位于美国德州、配备Nvidia系统的专属AI伺服器资源。协议规定,微软将预先支付20%的款项,而IREN则计划投入58亿美元向戴尔科技(DellTechnologiesInc.)采购所需的GPU(图形处理器)及其他关键设备。延伸阅读:亚</a> </div> </li> </ul> </div> <div class="readCharts"> <div class="readDown flexColumn"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b><b></b></div> <a class="rititle-more flexRow" href="/article.html" target="_blank" title="更多">更多</a> </div> <ul class="rcUl"> <li class="rcLi flexRow"> <div class="rclileft"> <p>1</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1690057.html" class=" aClass readA overflowclass" title="通过文件系统设备ID判断目录是否为挂载点:Go语言实现与原理分析">通过文件系统设备ID判断目录是否为挂载点:Go语言实现与原理分析</a> <a href="/faq/1690057.html" class=" aClass overflowclass" title="通过文件系统设备ID判断目录是否为挂载点:Go语言实现与原理分析">本文深入探讨了在类Unix系统中,如何通过比较目录及其父目录的文件系统设备ID来判断该目录是否为挂载点的原理。文章详细解析了stat系统调用中st_dev字段的意义,并提供了一个Go语言实现示例,展示了如何利用这一机制进行高效且准确的挂载点检测,为系统编程和文件系统管理提供了实用的技术指导。</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>2</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1690055.html" class=" aClass readA overflowclass" title="优化嵌套循环:使用NumPy meshgrid 提升矩阵操作效率">优化嵌套循环:使用NumPy meshgrid 提升矩阵操作效率</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>3</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1690052.html" class=" aClass readA overflowclass" title="Go语言中检测文件系统挂载点的方法与原理">Go语言中检测文件系统挂载点的方法与原理</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>4</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1690047.html" class=" aClass readA overflowclass" title="PHP如何在一个字符串中替换指定位置的子串_substr_replace函数教程">PHP如何在一个字符串中替换指定位置的子串_substr_replace函数教程</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>5</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1690046.html" class=" aClass readA overflowclass" title="如何在Golang中使用Makefile自动化构建">如何在Golang中使用Makefile自动化构建</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>6</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1690048.html" class=" aClass readA overflowclass" title="解决Python pip更新权限错误:WinError 5 深度指南">解决Python pip更新权限错误:WinError 5 深度指南</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>7</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1690045.html" class=" aClass readA overflowclass" title="解决Go程序编译失败:深入理解行尾符与分号的奥秘">解决Go程序编译失败:深入理解行尾符与分号的奥秘</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>8</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1690044.html" class=" aClass readA overflowclass" title="解决PHP导出空CSV文件:深入理解HTTP头与文件流">解决PHP导出空CSV文件:深入理解HTTP头与文件流</a> </div> </li> <li class="rcLi flexRow"> <div class="rclileft"> <p>9</p> </div> <div class="flexColumn rcreadDiv"> <a href="/faq/1690039.html" class=" aClass readA overflowclass" title="CSS技巧:如何仅显示图片阴影而不显示图片本体">CSS技巧:如何仅显示图片阴影而不显示图片本体</a> </div> </li> </ul> </div> </div> <div class="adversitement"> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class=" rightStudy rightDiv"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p> 精选课程</p> </div> <a class="rititle-more flexRow" href="/course/sort_new.html" title="精选课程">更多</a> </div> <div class="ristyList flexColumn"> <div class="ristyA flexRow "> <a href="/course/797.html" title="PHP实战天龙八部之微信支付视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d242759adb88970.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="PHP实战天龙八部之微信支付视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/797.html" title="PHP实战天龙八部之微信支付视频教程" class="rirightp overflowclass">PHP实战天龙八部之微信支付视频教程</a> <div class="risrdown flexRow"> <p>共5课时</p><b></b> <p>17.2万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站"> <img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="PHP实战天龙八部之仿爱奇艺电影网站" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="rirightp overflowclass">PHP实战天龙八部之仿爱奇艺电影网站</a> <div class="risrdown flexRow"> <p>共49课时</p><b></b> <p>77万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/880.html" title="前端入门_HTML5"> <img src="https://img.php.cn/upload/course/000/000/068/6255589398c2c999.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="前端入门_HTML5" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/880.html" title="前端入门_HTML5" class="rirightp overflowclass">前端入门_HTML5</a> <div class="risrdown flexRow"> <p>共29课时</p><b></b> <p>61.7万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/893.html" title="CSS视频教程-玉女心经版"> <img src="https://img.php.cn/upload/course/000/000/068/625558b87e512730.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="CSS视频教程-玉女心经版" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/893.html" title="CSS视频教程-玉女心经版" class="rirightp overflowclass">CSS视频教程-玉女心经版</a> <div class="risrdown flexRow"> <p>共25课时</p><b></b> <p>39.3万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/894.html" title="JavaScript极速入门_玉女心经系列"> <img src="https://img.php.cn/upload/course/000/000/068/625558e4f11c8518.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="JavaScript极速入门_玉女心经系列" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/894.html" title="JavaScript极速入门_玉女心经系列" class="rirightp overflowclass">JavaScript极速入门_玉女心经系列</a> <div class="risrdown flexRow"> <p>共43课时</p><b></b> <p>70.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/372.html" title="独孤九贱(1)_HTML5视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6ddbecdb1707.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(1)_HTML5视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/372.html" title="独孤九贱(1)_HTML5视频教程" class="rirightp overflowclass">独孤九贱(1)_HTML5视频教程</a> <div class="risrdown flexRow"> <p>共25课时</p><b></b> <p>61.6万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/373.html" title="独孤九贱(2)_CSS视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6de7424b9255.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(2)_CSS视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/373.html" title="独孤九贱(2)_CSS视频教程" class="rirightp overflowclass">独孤九贱(2)_CSS视频教程</a> <div class="risrdown flexRow"> <p>共22课时</p><b></b> <p>23万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/386.html" title="独孤九贱(3)_JavaScript视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6df423564706.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(3)_JavaScript视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/386.html" title="独孤九贱(3)_JavaScript视频教程" class="rirightp overflowclass">独孤九贱(3)_JavaScript视频教程</a> <div class="risrdown flexRow"> <p>共28课时</p><b></b> <p>33.9万人学习</p> </div> </div> </div> <div class="ristyA flexRow "> <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(4)_PHP视频教程" class="ristyAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="rirightp overflowclass">独孤九贱(4)_PHP视频教程</a> <div class="risrdown flexRow"> <p>共89课时</p><b></b> <p>125万人学习</p> </div> </div> </div> </div> </div> <div class=" rightDowns rightDiv"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p> 热门下载</p> </div> <a class="rititle-more flexRow" href="/xiazai/" title="热门下载">更多</a> </div> <div class="rids"> <div href="/xiazai/gongju/845" title="phpStudy 2018最新版" class="ridsA flexRow " > <a href="/xiazai/gongju/845" title="phpStudy 2018最新版"> <img src="https://img.php.cn/upload/manual/000/000/001/5a5f0fb612676526.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="phpStudy 2018最新版" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/845" title="phpStudy 2018最新版" class="ridsrp overflowclass">phpStudy 2018最新版</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/845" title="phpStudy 2018最新版"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1351" title="vc9-vc14(32+64位)运行库合集(链接在下方)" class="ridsA flexRow " > <a href="/xiazai/gongju/1351" title="vc9-vc14(32+64位)运行库合集(链接在下方)"> <img src="https://img.php.cn/upload/manual/000/000/001/5a6a896b53dea437.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="vc9-vc14(32+64位)运行库合集(链接在下方)" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1351" title="vc9-vc14(32+64位)运行库合集(链接在下方)" class="ridsrp overflowclass">vc9-vc14(32+64位)运行库合集(链接在下方)</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1351" title="vc9-vc14(32+64位)运行库合集(链接在下方)"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1479" title="VC9 32位" class="ridsA flexRow " > <a href="/xiazai/gongju/1479" title="VC9 32位"> <img src="https://img.php.cn/upload/manual/000/000/001/5af2c4207a616756.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="VC9 32位" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1479" title="VC9 32位" class="ridsrp overflowclass">VC9 32位</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1479" title="VC9 32位"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1481" title="VC11 32位" class="ridsA flexRow " > <a href="/xiazai/gongju/1481" title="VC11 32位"> <img src="https://img.php.cn/upload/manual/000/000/001/5af2c4684dbe4408.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="VC11 32位" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1481" title="VC11 32位" class="ridsrp overflowclass">VC11 32位</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1481" title="VC11 32位"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/714" title="php程序员工具箱完整版" class="ridsA flexRow " > <a href="/xiazai/gongju/714" title="php程序员工具箱完整版"> <img src="https://img.php.cn/upload/manual/000/000/001/5a718c0e5be0a511.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="php程序员工具箱完整版" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/714" title="php程序员工具箱完整版" class="ridsrp overflowclass">php程序员工具箱完整版</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/714" title="php程序员工具箱完整版"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1484" title="VC14 32位" class="ridsA flexRow " > <a href="/xiazai/gongju/1484" title="VC14 32位"> <img src="https://img.php.cn/upload/manual/000/000/001/5af2c54fc1f91550.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="VC14 32位" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1484" title="VC14 32位" class="ridsrp overflowclass">VC14 32位</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1484" title="VC14 32位"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/93" title="SublimeText3汉化版" class="ridsA flexRow " > <a href="/xiazai/gongju/93" title="SublimeText3汉化版"> <img src="https://img.php.cn/upload/manual/000/000/001/58a1753774be3478.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="SublimeText3汉化版" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/93" title="SublimeText3汉化版" class="ridsrp overflowclass">SublimeText3汉化版</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/93" title="SublimeText3汉化版"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/92" title="Notepad++7.3.1" class="ridsA flexRow " > <a href="/xiazai/gongju/92" title="Notepad++7.3.1"> <img src="https://img.php.cn/upload/manual/000/000/001/58a1713812af3871.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="Notepad++7.3.1" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/92" title="Notepad++7.3.1" class="ridsrp overflowclass">Notepad++7.3.1</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/92" title="Notepad++7.3.1"> <p>下载</p> </a> </div> </div> <div href="/xiazai/gongju/1500" title="phpStudy V8.1(Win64位)(已支持php8)" class="ridsA flexRow " > <a href="/xiazai/gongju/1500" title="phpStudy V8.1(Win64位)(已支持php8)"> <img src="https://img.php.cn/upload/manual/000/000/001/5eb23582ba149960.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="phpStudy V8.1(Win64位)(已支持php8)" class="ridsAimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="ridsaRight flexColumn"> <a href="/xiazai/gongju/1500" title="phpStudy V8.1(Win64位)(已支持php8)" class="ridsrp overflowclass">phpStudy V8.1(Win64位)(已支持php8)</a> <a class="ridsrdown flexRow" href="/xiazai/gongju/1500" title="phpStudy V8.1(Win64位)(已支持php8)"> <p>下载</p> </a> </div> </div> </div> </div> </div> </div> </div> <!--底部--> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a> <a href="/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a> <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a href="https://www.php.cn/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a> <a href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a> <!--<a href="javascript:;" target="_blank" title="其他合作" class="cBlack">其他合作</a>--> <a href="/new/" target="_blank" title="最新文章列表" class="cBlack">最新更新</a> <a href="https://global.php.cn/" target="_blank" title="English" class="cBlack">English</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网:公益在线php培训,帮助PHP学习者快速成长!</dd> <dd class="cont2"> <span class="ylwTopBox"> <a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br/>关注PHP中文网服务号</p> <img src="/static/images/examples/text16.png"/> </em> </span> <span class="ylwTopBox"> <a href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a> <em style="display:none;" class="ylwTopSub"> <p>QQ扫码<br/>加入技术交流群</p> <img src="/static/images/examples/text18.png"/> </em> </span> <div class="clear"></div> </dd> </dl> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="/static/images/examples/text17.png"/></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> <div class="phpFootMsg"> <span><img src="/static/images/examples/text14.png"/></span> <dl> <dt>PHP中文网APP</dt> <dd>随时随地碎片化学习</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"><p>Copyright 2014-2025 <a href="https://www.php.cn/" target="_blank">https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023035733号</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span> <script src="/static/js/cdn.js?v=1.0.1"></script> <!--底部 end--> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <script src="/static/js/CodeRunOnline.js?3.1"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?aaf8dba0861f46190106021371583c62";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script> </body> <script> function copyCurrentUrl() { const url = window.location.href; const input = document.createElement('input'); input.value = url; document.body.appendChild(input); input.select(); document.execCommand('copy'); document.body.removeChild(input); alert('✅ 已复制当前链接:' + url); } </script> </html>