如何從 ASP.NET MVC 中的另一個視圖修改 share layout.cshtml 中的 image.OnClick？

Question

我在 Shared 文件夾內的 _Layout.cshtml 中聲明了一個圖像。

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

我想從不同的視圖導航到基於 javascript function 觸發器的不同頁面。 例如，當我單擊 history.cshtml 中的 btnBack.png 時，我希望它重定向到 home.cshtml。 當我單擊 historyDetails.cshtml 中的 btnBack.png 時，我希望它重定向到 history.cshtml。 我怎樣才能做到這一點？ 我應該將 javascript function 放在 _Layout.cshtml 還是每個視圖頁面中？

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>