在现有脚本中显示/隐藏div

时间:2014-03-07 18:02:52

标签: javascript html css html5 web

我有一个现有的脚本,当按下按钮时,它会在我的网站上执行一项功能。有没有办法让这个按钮同时显示一个div?当您访问谷歌主页时,您会遇到这种情况; enter image description here 然而,当你按谷歌搜索时,你会遇到这个; enter image description here

我知道这是一个与不同网址不同的页面,但有没有办法通过show / hide div来实现这一目标?我并不担心人们禁用javascript,因为这对我的系统来说是必需的!

2 个答案:

答案 0 :(得分:0)

我找到了答案:jquery: change the URL address without redirecting?

document.location.hash = "show_picture";

Javascript只能控制之后的内容,这也是google所做的事情。使用此行,您可以重置

背后的内容

答案 1 :(得分:0)

您可以使用jquery获取所需内容,并将以下代码放在按钮单击事件

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<p>If you click on the "Hide" button, I will disappear.</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>