<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title> <script src="../0622/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> </head> <style type="text/css"> li{ height: 20px; width: 100px; background-color: lightslategrey; border: 1px solid gainsboro; } li:hover{ cursor: pointer; } .wjj{ height: 20px; width: 100px; background-color: goldenrod; border: 1px solid gainsboro; } </style> <body> <?php $lujing = empty($_GET['lj'])?"../bootstrap":$_GET['lj']; //第一次打开获取不到传值，定义文件的开始路径 $fj = dirname($lujing); //找到当前路径的父级路径 $fj = ($fj == ".")?"..":$fj; //当父级路径是当前路径（.）时，改为根目录（..） $ziyuan = opendir($lujing); //打开文件夹路径获取资源 echo "<ul><li class='wjj' bs='$fj'>返回</li>"; while($nr = readdir($ziyuan)){ //读取资源 if($nr == '.' || $nr == '..') continue; //跳过当前路径和根目录 if(is_dir("{$lujing}/{$nr}")){ //区分文件夹和文件 echo "<li class = 'wjj' bs = '{$lujing}/{$nr}'>".$nr."</li>"; }else{ echo "<li>".$nr."</li>"; } } echo "</ul>"; closedir(); //关闭文件夹 ?> </body> </html> <script type="text/javascript"> $(".wjj").click(function(){ var lj = $(this).attr("bs"); window.location.href = "wenjian.php?lj="+lj; //点击时刷新页面并传值，改变路径 }) </script>