php如何实现点击左边菜单右边跳转到对应页面
时间：2024年01月27日
/来源：网络
/编辑：佚名
我们看到很多网站管理后台都是左侧是菜单栏点击后右边会进入对应的页面，而整个浏览器地址栏并没有刷新，这是如何实现的呢？
首先在页面的左边设置多个a标签作为导航；然后在页面的右边添加一个iframe，其属性name设置为content；最后将左侧所用的a标签的属性target，设置为content即可。
示例代码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>实现点击左边导航右边跳转到对应页面</title>
</head>
<body>
<!-- 左侧菜单 -->
<div class="left">
<a href="http://www.baidu.com" target="content">百度</a>
<a href="http://www.qq.com" target="content">qq</a>
</div>
<!-- 右侧页面 -->
<div class="right">
<iframe src="" name="content"></iframe>
</div>
</body>
</html>
好了，以上就是点击左侧菜单栏右边进入对应的页面的实现方法，希望能帮助大家！
首先在页面的左边设置多个a标签作为导航；然后在页面的右边添加一个iframe，其属性name设置为content；最后将左侧所用的a标签的属性target，设置为content即可。
示例代码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>实现点击左边导航右边跳转到对应页面</title>
</head>
<body>
<!-- 左侧菜单 -->
<div class="left">
<a href="http://www.baidu.com" target="content">百度</a>
<a href="http://www.qq.com" target="content">qq</a>
</div>
<!-- 右侧页面 -->
<div class="right">
<iframe src="" name="content"></iframe>
</div>
</body>
</html>
好了，以上就是点击左侧菜单栏右边进入对应的页面的实现方法，希望能帮助大家！
新闻资讯 更多
- 【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
- 【建站知识】Python中的logger和handler到底是个什么？04-03
- 【建站知识】python3拉勾网爬虫之（您操作太频繁，请稍后访问）04-03
- 【建站知识】xpath 获取meta里的keywords及description的方法04-03
- 【建站知识】python向上取整以50为界04-03
- 【建站知识】scrapy xpath遇见乱码解决04-03
- 【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
- 【建站知识】scrapy采集—爬取中文乱码，gb2312转为utf-804-03
猜你需要
豫ICP备2021026617号-1
豫公网安备：41172602000185