Question

我有一个页面有很多DIVS，它们都是隐藏的。仅当单击某个链接时，才会显示相应的DIV ...

问题是：有没有办法组成一个URL，其中包含在加载的页面上单击链接时执行的指令？

澄清：

这是一个包含许多DIVS的页面（显示：无）

仅显示链接。

单击链接时，将显示相应的DIV：block。

该网页的网址为：www.mywebsite.com/OurServices

有没有办法，我可以生成或创建一个类似的URL www.mywebsite.com/OurServices+JS-clicked-link-to-display-certain-service ....

谢谢！

Answer 1

你应该使用像这样的URL变量

http://www.example.com/index.php?id=1&image=awesome.jpg

下载一个js函数来读取它们

function getQueryVariable(variable)
{
   var query = window.location.search.substring(1);
   var vars = query.split("&");
   for (var i=0;i<vars.length;i++) {
           var pair = vars[i].split("=");
           if(pair[0] == variable){return pair[1];}
   }
   return(false);
}

然后像这样称呼它

getQueryVariable("id");

将返回＆＃34; 1＆＃34;或

getQueryVariable("image");

将返回＆＃34; awesome.jpg＆＃34;

然后检查它

if(getQueryVariable("id") == "1"){
      ///Add remove css class to hide show
}

Answer 2

您可以为此使用哈希值： www.mywebsite.com/OurServices#div1

$(document).ready(function(){  
  var hashValue = location.hash;  
  hashValue = hashValue.replace(/^#/, '');  
  //do something with the value here  
  $('#'+hashValue).show();
});

Answer 3

您可以在用户点击链接时将哈希值附加到网址

window.location.hash =值

加载时只需要检查网址值

例如。

floor

基于值只显示并隐藏div。

包含javascript操作的网址

3 个答案: