在html页面中添加Home按钮

时间:2017-11-15 04:04:28

标签: javascript jquery html asp.net-mvc

在我的网络应用程序中,我试图在所有子页面中添加主页按钮,点击后会触发ActionResult Index() 有什么建议吗?

我在子页面DetailsForm中添加了一个按钮。这是提交按钮旁边的。用户完成后保存用户可以点击主页按钮直接进入Index.cshtml。避免任何浏览器后退按钮。 下面的代码绝对不适合我!

  <input type="button" class="btn btn-lg btn-success" onclick="location.href='index.cshtml';" value="Home" />

3 个答案:

答案 0 :(得分:2)

使用

保存后,您可以禁用浏览器后退按钮
history.pushState(null, null, document.title);
window.addEventListener('popstate', function () {
    history.pushState(null, null, document.title);
});

然后您可以使用按钮

返回主页
<input type="button" class="btn btn-lg btn-success" onclick="goToHome()" value="Home" />

你可以在js中添加函数

 function goToHome () { 
    window.location.href = "@Url.Action("Index", "ControllerName")"
};

答案 1 :(得分:1)

在MVC中,您可以导航到控件中的操作方法,而不是视图,因此location.href='index.cshtml'无效。

使用<a>元素重定向(并将其设置为按钮,如果它符合您的要求),例如

@Html.ActionLink("Home", "Index", "Home", null, new { @class = "btn btn-lg btn-success" }

答案 2 :(得分:0)

如果您启用了CSS,请使用Replies = node.find_elements_by_xpath({get span text where class = "ipsDataItem_stats" and sibling span class = "ipsDataItem_stats_type" and text = "replies"}) 标记,以便样式保持一致并尝试

  

a

在CSS中确保你设计了按钮类。

<a href="/link-to-index" class="button">Home</a>

修改

根据您提供的错误代码,您似乎最有可能尝试使用未正确安装或安装的库。我相信你错过了可以找到here的Bootstrap按钮库。如果您需要安装帮助,可以在installation docs

中找到相关说明