Question

我想使用我的javascript模型中的自定义href，以便每个页脚的后退按钮知道去哪里。我怎么做到这一点？谢谢。

 window.APP= {
   models: {
     home: {
       title: 'Home'
     }
     ,
     menu: {
       title: 'Main Menu',
       url: 'views/home.html'
     }
     ,
     cards: {
       title: 'Cards',
       url: 'views/home.html'
     }
     ,
   }
 }
 ;

<body>
  <div data-role="layout" data-id="main">
    <div data-role="header">
      <div data-role="navbar">
        <span data-role="view-title"></span>
      </div>
    </div>

    <div data-role="footer">
      <div data-role="tabstrip">
        <a href="views/home.html" data-icon="home">Home</a> 
        <a href="#" data-icon="reply">Back</a>
      </div>
    </div>
  </div>

</body>

Answer 1

由于您的后退按钮用于返回上一页，因此您可以使用Javascript来完成此操作。 (history.go(-1))

<a href="#" data-icon="reply" onclick="history.go(-1);return false;">Back</a>

Answer 2

您无法获取浏览器历史记录的内容。想一想......任何网站都可以看到你曾经去过的任何地方......那真是令人毛骨悚然！

相反，只需称呼它：window.history.back()

Answer 3

返回使用只需拨打

window.history.back()

要转到主页面，您可以调用根目录。

<a href="/"></a>

＆＃13;

function goBack() {
  window.history.back()
}

＆＃13;

 window.APP= {
   models: {
     home: {
       title: 'Home' URL: ???
     }
     ,
     menu: {
       title: 'Main Menu'
     }
     ,
     cards: {
       title: 'Cards'
     }
     ,
   }
 }
 ;

＆＃13;

<body>
  <div data-role="layout" data-id="main">
    <div data-role="header">
      <div data-role="navbar">
        <span data-role="view-title"></span>
      </div>
    </div>

    <div data-role="footer">
      <div data-role="tabstrip">
        <a href="/" data-icon="home">Home</a> 
        <a href="#" onclick="goBack()" data-icon="reply">Back</a>
      </div>
    </div>
  </div>

</body>

＆＃13;

使用javascript自定义href

3 个答案: