阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      JavaScript 返回上一步

      一个 404 错误页;

      有一个返回上一步;用的是和 javascript:; 一样思路的代码;用的是

      href="javascript:history.back(-1)"
      

      代码如下

      <!DOCTYPE html>
      <html>
      <head lang="en">
          <meta charset="UTF-8">
          <title>您找的页面不存在</title>
          <style type="text/css">
              body{margin: 0;padding:0;font-size: 12px;font-family: "Microsoft YaHei", 微软雅黑, "SimSun", "Arial Narrow", HELVETICA;-webkit-user-select: none;}
              .wrap{width: 600px;height: 600px;position: absolute;left: 50%;top: 100px;margin:0 0 0 -300px; }
              a {    color:#007ab7;text-decoration: none;}
              a:hover {color:#007ab7;text-decoration: none;}
              a:hover {color: #de1d6a}
              /*正式样式开始*/
              .img404 {width: 80px;height: 90px;padding: 0; background: url(bg.gif) no-repeat left top; float:left;position: relative;}
              h2{font-size: 16px;border-bottom: #ccc solid 1px;padding-bottom: 20px;position: relative;width: 80%;margin-left: 80px;}
              .wearesorry{font-size: 10px;color: #ccc;font-weight: normal;position: absolute;top:20px;left: 80px;}
              .content{clear: both;font-size: 14px;position: relative;left: 80px;top: -30px;}
              .content ul{color: #000101;}
              /*页脚的标注*/
              .broszhu{margin: 90px 0 0 30px;}
              #home_top {height: 48px;line-height:48px;font-size:18; text-align: center; color:#008CD7;}
              #home_bottom {color:#008CD7;text-align:center;font-size:14px;}
          </style>
      </head>
      <body>
      <div class="wrap">
      <div class=img404> </div>
      <h2>抱歉,找不到您要的页面……</h2>
      <h3 class=wearesorry>We're sorry but the page your are looking for is Not Found...</h3>
      <div class=content>仔细找过啦,没有发现你要找的页面。最可能的原因是:
          <ul>
              <li>在地址中可能存在键入错误。</li>
              <li>当你点击某个链接时,它可能已过期。</li>
          </ul>
          <strong>点击以下链接继续浏览懒人图库上的其它内容</strong>(<a href="http://www.axihe.com/" target="_blank">www.axihe.com</a>):
          <div class=show14>
              <ul>
                  <li><a title=返回博客首页 href="http://www.axihe.com/">返回博客首页</a>
                  <li><a title=返回上一个页面 href="javascript:history.back(-1)">返回上一页</a></li>
                  <li>返回上一页实现的原理是,通过href="javascript:history.back(-1)"</li>
                  <li>title=返回上一个页面 href="javascript:history.back(-1)"</li>
              </ul
          </div>
          要不,我们去<a href="http://www.axihe.com/" target=_blank>网站首页</a>看看吧~~
      </div>
      </div>
      <div class="broszhu">
          <h3 id="home_top">404CryPage - Powered By
              <a href="http://www.axihe.com/"target="_blank">broszhu</a>
                博客网址:<a href="http://www.axihe.com/" target="_blank">www.axihe.com</a>
          </h3>
              <p id="home_bottom">学习JavaScript是一件很有趣的事,可以做出很多自豪的小玩意!--broszhu (这个页面是实现原理:<a href="#" target="_blank">点此查看</a>)</p>
      </div>
      </body>
      </html>
      
      目录
      本文目录
      目录