Question

当网址以＃404 结尾时，如何才显示以下代码？

＆＃13;

<!--404 code-->
<style>
  .div1 {
    width: 300px;
    height: 100px;
    border: 1px solid blue;
    border-color: #ff0263;
    box-sizing: border-box;
  }
</style>

<body>
  <font face="century gothic">
    <div class="div1" name="div1">
      <span id='close' style="cursor:pointer" onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>x</span> The vite you were looking for could not be found. <a href="/404-what-to-do"><button class="button button5">What do I do now?</button></a></div>
  </font>
  <script>
    window.onload = function() {
      document.getElementById('close').onclick = function() {
        this.parentNode.parentNode.parentNode
          .removeChild(this.parentNode.parentNode);
        return false;
      };
    };
  </script>
  <style>
    #close {
      float: right;
      display: inline-block;
      padding: 2px 5px;
      background: #ccc;
    }
    
    #close:hover {
      float: right;
      display: inline-block;
      padding: 2px 5px;
      background: #ccc;
      color: #fff;
    }
  </style>
  <script>
    $(document).ready(function() {
      $("#id1").click(function() {
        $(".div1").css('display', 'block');
      });
    });
  </script>

＆＃13;

我运行这个名为Vite的网站 - vite.website（Google：Vite Flash Engine）。如果我可以设置它，当它达到404时，它将重定向到vite.website/ ＃404 。仅当锚点＃404 处于活动状态时，如何才能使以下代码可见？谢谢！

Answer 1

这是css.but你可以使用jquery。你可以得到页面当前网址的哈希值，并使用if语句作为你的目标。

Answer 2

您可以使用

获取网页的哈希位置

window.location.hash

所以，也许这样的东西可以工作（假设你正在使用jQuery）

function hashIs404() {
var hash = location.hash.slice(-1);
    if (hash === "404") {
        //Display things
        //$(selector).addClass(classname); recommended
    } else {
        //Hash is not 404
        //$(selector).removeClass(classname); recommended
    }
}

并通过将其绑定到hashIs404();来调用此函数window.onload：

window.onload = hashIs404;

至于实际显示它，请使用if case和

$("head").append("<link rel='stylesheet' href='stylesheet-location.css');

希望如果不能完全解决问题我可以提供帮助：）

当锚在HTML中处于活动状态时，如何显示DIV

2 个答案: