使用javascript自定义href
Custom href with javascript
我想使用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>
由于后退按钮用于返回上一页,因此可以使用Javascript来完成此操作。(history.go(-1))
<a href="#" data-icon="reply" onclick="history.go(-1);return false;">Back</a>
您无法获取浏览器历史记录的内容。想想看…任何网站都可以在你去过的任何地方看到。。。那太令人毛骨悚然了!
相反,只需调用此:window.history.back()
要返回,只需调用
window.history.back()
要转到主页面,您可以调用根目录。
<a href="/"></a>
function goBack() {
window.history.back()
}
window.APP= {
models: {
home: {
title: 'Home' URL: ???
}
,
menu: {
title: 'Main Menu'
}
,
cards: {
title: 'Cards'
}
,
}
}
;
<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>
相关文章:
- Dojo不解析自定义小部件的模板html中的小部件声明性
- 在自定义mean.io包中使用angular-chart.js作为依赖项
- jQuery自定义验证比较多个输入的序列
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 在wordpress一定时间后更改自定义字段
- 表达式引擎扩展开发-向呈现的条目添加自定义javascript
- 自定义函数中的光标位置
- 用于检查数组中是否存在元素的javascript自定义方法
- 绑定时将Parsley minlength消息作为选项传递时,未对其进行自定义
- Meteor-添加用户自定义字段的方法不起作用
- 自定义表单验证和提交
- jQuery工具验证器自定义效果-添加&消除影响
- 可以't计算自定义谷歌地图的js
- 如何将所有作业自定义到window.location.href
- 使用水豚,i'm无法从href中读取自定义数据-属性
- 使用javascript自定义href
- 单击href(带有类)后,启动自定义对话框(css 自定义)
- 如何在主干网中设置自定义的基本href
- 自定义Javascript href选择器
- 在HTML页面中定义的自定义小部件使用href加载为dojox.layout.contentpane,并插入为选项卡页面