直接链接到内容

Question

我有一个页面http://bartle96.narod2.ru/demo.html有4个指向隐藏内容的链接

是否可以直接链接到“dolphin”等内容。

因此，当您点击链接时http://bartle96.narod2.ru/demo.html#delfin立即打开一张带有海豚的照片

Answer 1

是的，您可以在onload事件中定义和打开所需内容。

查看此帖子，您可以找到相同的行为：

jQuery when pointed to a link should show a div that's hidden by default

Answer 2

您可以使用window.location.hash获取哈希值。然后根据值设置所需的图片。

window.onload = function() {
  var pic = window.location.hash;
  if ( pic === "#delfin" ) {
    // Show picture of dolphin
  }
}