PHP三种方式实现页面切换

最新推荐文章于 2024-10-20 07:30:07 发布

蓝焰鱼

最新推荐文章于 2024-10-20 07:30:07 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：编程网页开发文章标签：前端开发点击一个a标签打开一个div

本文链接：https://blog.youkuaiyun.com/weixin_43488742/article/details/90302065

编程同时被 2 个专栏收录

18 篇文章

订阅专栏

网页开发

14 篇文章

订阅专栏

这篇博客介绍了使用PHP进行页面切换的三种方法：1) 在一个PHP文件中，多个a标签对应一个div；2) 同一文件中，每个a标签对应不同的div；3) 分别创建多个PHP文件，每个文件对应一个a标签的div内容。通过HTML目录和a标签，实现内容的动态显示。

HTML语言设置一个目录对应一个文本框

一个a标签对应一个div

方法一：在一个php文件里，多个a标签对应一个div

<li>
    <a href=".对应的PHP文件位置.php?cat=1">目录1</a>
	 <a href=".DEMO.php?cat=2">目录2</a>
	 <a href=".DEMO.php?cat=3">目录3</a>
</li>

 <div id="d1" <?php if(isset($_GET['cat']) && ($_GET['cat'] == '' 
         ||$_GET['cat'] == '1')) echo 'style="display:block;"'; else 
         echo 'style="display:none;"'; ?>>内容1</div>
<div id="d2" <?php if(isset($_GET['cat']) && ($_GET['cat'] == '2'))
         echo 'style="display:block;"'; else echo 'style="display:none;"';
         >>内容2</div>
<div id="d3" <?php if(isset($_GET['cat']) && ($_GET['cat'] == '3'))
         echo 'style="display:block;"'; else echo 'style="display:none;"';
         >>内容3</div>

方法二：在一个php文件里，多个a标签对应多个div

<li>
     <a onclick="show(1)" href="javascript: void(0);">目录1</a>
	 <a onclick="show(1)" href="javascript: void(0);">目录2</a>
	 <a onclick="show(1)" href="javascript: void(0);">目录3</a>
	 <--javascript: void(0);是为解决onclick和href的冲突问题 -->
</li>

<div id="d1" name="dv">内容1</div>
<div id="d2" name="dv">内容2</div>
<div id="d3" name="dv">内容3</div>

<script>//定义一个方法传参数id for循环等于当前参数id的显示，其他的隐藏
        function show(id){
        	var divs = document.getElementsByName("dv");
            for (var i = 0 ; i < divs.length ; i++){
            	if (divs[i].id == "d"+id ){
            		divs[i].style.display="";
                }else{
                	divs[i].style.display="none";
                }
            }
        }
</script>

方法三：在多个php文件里，一个a标签对应一个php文件

多个a标签对应建立多个php文件，php文件为a标签对应的div 内容

demo1.php

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	</style>
</head>
<body>
<li>
     <a href=".demo1.php?">目录1</a>
	 <a href=".demo2.php?">目录2</a>
	 <a href=".demo3.php?">目录3</a>
</li>
<div>内容1</div>
</body>
</html>

demo2.php

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	</style>
</head>
<body>
<li>
     <a href=".demo1.php?">目录1</a>
	 <a href=".demo2.php?">目录2</a>
	 <a href=".demo3.php?">目录3</a>
</li>
<div>内容2</div>
</body>
</html>

demo3.php

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	</style>
</head>
<body>
<li>
     <a href=".demo1.php?">目录1</a>
	 <a href=".demo2.php?">目录2</a>
	 <a href=".demo3.php?">目录3</a>
</li>
<div>内容3</div>
</body>
</html>