我有一个应用程序,在开始时让你选择 - 如果你是贡献者或用户。之后我想要总是为贡献者或用户加载起始页面。我知道你可以设置<content src="index.html" />
在开始时做一次,但我怎么能动态地做呢?
答案 0 :(得分:3)
您必须使用
localStorage的
如果用户在首次启动后选择贡献者或用户按钮,则保存数据。 简单使用jQuery脚本:
<script>
$("#contributor").click( function()
{
//alert('button clicked');
localStorage.setItem("contributor", "contributor");
}
);
</script>
并为用户调用相同的脚本:
<script>
$("#user").click( function()
{
//alert('button clicked');
localStorage.setItem("user", "user");
}
);
</script>
因此,在下一个html页面控件上,如果用户之前按下了#34; user&#34;或者&#34;贡献者&#34;。
$(document).ready(function() {
if (localStorage.getItem("user") === null) {
//user is null
} else {
document.location.href = "userIndex.html"
}
if (localStorage.getItem("contributor") === null) {
//contributor is null
} else {
document.location.href = "contributorIndex.html"
}
});
祝你好运!
答案 1 :(得分:3)
@proofzy回答是对的,但你仍然可以只使用DOM7代替Jquery
在JS文件中:
//to save data if user pick contributor or user button after first start.
$$("#contributor").on('click', function(){
localStorage.setItem("whois", "contributor");
});
//And call this same script but for user:
$$("#user").on('click', function(){
localStorage.setItem("whois", "user");
});
//So call this function on the end of page index.html and it will redirect programmatically
function check(){
if (localStorage.getItem("whois") !== null) { //if whois exists on localStorage
if (localStorage.getItem("whois") == "user"){ // if is USER send to User Page
window.location.href = "userIndex.html"
}else if (localStorage.getItem("whois") == "contributor"){ // if is USER send to contributor Page
window.location.href = "contributorIndex.html"
}
}
}
还有很多其他方法可以做到,甚至更好,但这个方法最简单。