Javascript 管理面板中的动态内容
我目前正在为一个网站建立一个管理控制面板，我和一些朋友正在启动。我想在面板的左侧包含一个菜单，该菜单仅用于切换显示在中间右侧主页上的内容。所以基本上菜单是由按钮组成的，当一个按钮被点击时，我希望它改变什么内容是可见的。这在javascript中是可能的吗？如果是这样，有人知道如何将其链接到html吗？我是否为标记提供javascript函数调用的某种标识符？我知道我的问题可能看起来很模糊，但在这件事上的任何帮助都将不胜感激 您可以使用jQuery来完成。应该是这样的：Javascript 管理面板中的动态内容,javascript,html,dynamic,Javascript,Html,Dynamic,我目前正在为一个网站建立一个管理控制面板，我和一些朋友正在启动。我想在面板的左侧包含一个菜单，该菜单仅用于切换显示在中间右侧主页上的内容。所以基本上菜单是由按钮组成的，当一个按钮被点击时，我希望它改变什么内容是可见的。这在javascript中是可能的吗？如果是这样，有人知道如何将其链接到html吗？我是否为标记提供javascript函数调用的某种标识符？我知道我的问题可能看起来很模糊，但在这件事上的任何帮助都将不胜感激 您可以使用jQuery来完成。应该是这样的： <head>
<head>
<script type="text/javascript">
function loadPage(thePage)
{
$.ajax({
type: 'GET',
url: thePage,
success: function(response) {
$('#main_content').html(response);
},
dataType: 'html'
});
}
$(document).ready(function() {
// I just imagine you have some php pages here
$('#add_employee').click = loadPage('AddEmployee.php');
$('#show_employee').click = loadPage('ShowEmployees.php');
});
</script>
</head>
<body>
<div id="left_panel">
<a href="#" id="add_employee">Add employee</a>
<a href="#" id="show_employee">Show employees</a>
</div>
<div id="main_content">
// This is your main content on the right of the admin panel
</div>
</body>
功能加载页（页）
{
$.ajax({
键入：“GET”，
网址：网页，
成功：功能（响应）{
$（'main#u content'）.html（回复）；
},
数据类型：“html”
});
}
$（文档）.ready（函数（）{
//我只是想象你这里有一些php页面
$（'add#u employee'）。单击=loadPage（'AddEmployee.php'）；
$（'show#u employee'）。单击=loadPage（'ShowEmployees.php'）；
});
//这是您在管理面板右侧的主要内容
如果需要，基本上可以忽略CSS布局。要从标记中了解的主要内容是，第一个选项卡/按钮高亮显示，并显示第一条内容。当您单击另一个选项卡/按钮时，将显示另一部分内容。您可以添加任意多个选项卡。我可能错了，但听起来您想使用三个选项之一来获得这些结果：1）帧、2）iframes、3）ajax。JavaScript将参与所有三个实例。您想使用这三个div中的哪一个？@James您也可以通过在父容器div中隐藏和显示正确的div来实现。