Question

如何从同一页面打开链接，或者我应该说在链接所在的同一页面上显示该链接的内容，我还没有尝试任何因为我真的不知道这种事情被称为什么，我是网络开发的新手我真的需要这个，因为它可以使我现在正在工作的网站看起来更专业这是我想要的准确图片/解释： Picture of what I want to do

Answer 1

你可以使用一些jquery来做到这一点：

将以下代码作为参考：

$('#link1').on('click',function(){
    $('#content1').css('display', 'inline');
    $('#content2').css('display', 'none');
});

$('#link2').on('click',function(){
    $('#content1').css('display', 'none');
    $('#content2').css('display', 'inline');
});

.wrapper {
  background: #cacaca;
  width: 350px;
  height: 150px;
}

.container {
  display: relative;
  float: left;
  background: #9A9ACA;
  width: 200px;
  height: 150px;
}

#content1, #content2 {
  position: absolute;
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
  <div class="container">
    <div id="content1">
      Some content
    </div>
    <div id="content2">
      Other stuff
    </div>
  </div>
  <div><a href="#" id="link1">Link1</a></div>
  <div><a href="#" id="link2">Link2</a></div>
</div>

希望有所帮助

Answer 2

使用jQuery等浏览器端应用程序将CSS class或id从隐藏更改为已显示＆＃39; onmousedown＆＃39;。最初将div样式设置为隐藏，然后编写jQuery以按下鼠标按钮显示div。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>toggle demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<button>Toggle</button>
<p>Hello</p>
<p style="display: none">THE AWESOME SAUCE!</p>

<script>
$( "button" ).click(function() {
$( "p" ).toggle();
});
</script>

</body>
</html>

你需要为此目的研究一下JQuery，幸运的是有很多关于这个主题的例子供你研究，我建议从这里开始： http://api.jquery.com/toggle/

Answer 3

只需输入.....即可重定向页面

  header("Location: file_name");

或者您可以通过简单地给出

来提供HTML内容

   <a href ="localhost/8000/file_name">

在同一页面上打开链接的内容

3 个答案: