检查 URL 时触发操作

大佬教程收集整理的这篇文章主要介绍了检查 URL 时触发操作，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决检查 URL 时触发操作？

我正在以 HTML 格式创建指向同一页面上的部分的链接。默认情况下，它们不可见显示：无。我希望当我的用户点击包含 ID 的链接（URL）时，它应该设置 display : block。例如，opening 是 window.LOCATIOn.href 包含 #opening 时的 ID，因此内容应该是可见的。用户只需在浏览器中点击 mydomain#opening，无需点击 <a> 或 #ID。

HTML

<p ID="opening">Hyperlinks are utilized by a web browser to move from one page to another...</p>
<p>My name is XYZ...</p>

CSS

#opening {display : none;}

解决方法

<a href="#opening" onclick="$('#opening').css({display: 'block'})" >Take me to the opening paragraph.</a>

$("a").click(function() { 
   var href =  $(this).attr("href"); 
   href = href.replace("#",""); 
   $("#"+href).css("display","block"); 
})

$(document).ready(function() {
 var hash = window.LOCATIOn.hash.substr(1);
 if (hash) {
  $("#"+hash).css("display","block"); 
  }
});

大佬总结

以上是大佬教程为你收集整理的检查 URL 时触发操作全部内容，希望文章能够帮你解决检查 URL 时触发操作所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。