javascript - 如何从 ASP.NET MVC 中的另一个 View 修改共享layout.cshtml中的image.OnClick？

Question

我已在共享文件夹内的 _Layout.cshtml 中声明了一个图像。

    <img src="~Content/icons/btnBack.png onclick="ImageClick"/>

我想根据不同 View 的 javascript 函数触发器导航到不同页面。例如，当我单击history.cshtml中的btnBack.png时，我希望它重定向到home.cshtml。当我单击historyDe​​tails.cshtml中的btnBack.png时，我希望它重定向到history.cshtml。我怎样才能做到这一点？我应该将 javascript 函数放在 _Layout.cshtml 还是每个 View 页面中？

Answer 1

如果您想执行浏览器后退操作，您可以使用 https://www.w3schools.com/jsref/met_his_back.asp

<img src="~Content/icons/btnBack.png" onclick="window.history.back();" />

但我建议您将特定链接放在这些后退按钮上，而不是通过 js 控制重定向。您可以简单地使用 html 链接标记；

<!-- Specify the Action and Controller name in Url.Action function -->

<a style="text-decoration:none;" href="@Url.Action("Index","ControllerName")">
   <img src="~Content/icons/btnBack.png" />
</a>

另一个选择是使用 window.location.href 和 window.location.replace； https://www.w3schools.com/howto/howto_js_redirect_webpage.asp

<img src="~Content/icons/btnBack.png" onclick="goSomewhere();" />

<script>
function goSomewhere(){
   window.location.href = "http://www.google.com";
   // window.location.replace("http://www.google.com");
}
</script>