javascript：history.go（-1）不适用于IE和Chrome

Question

I am trying the below code for traversing back to the previous page and it does not work on IE and Chrome but works fine on Edge.

<a href="javascript:history.go(-1)" class="back" >
            <asp:Label ID="backLabel" runat="server" Text="Back" meta:resourcekey="backLabelResource1" />
        </a>

Also tried this as per some threads I read

<a href="javascript:void(0);" onclick="history.back(); return false;" class="back" >
            <asp:Label ID="backLabel" runat="server" Text="Back" meta:resourcekey="backLabelResource1" />
        </a>

Still same result. Any ideas?

Answer 1

There's no problem with history.go as both Chrome and IE support it . This code does work:

 document.getElementById("mylink").addEventListener("click", function() { alert("Hello world!") // Or alternatively: //history.go(-1); }); 

 <a href="javascript:history.go(-1)">Navigate 1 page backwards</a> <br /><br /> <a href="javascript:alert('Hello World!')">Announce "Hello World"</a> <br /><br /> <a href="javascript:alert('Hello World!')"> <label>This is a label wrapped in an a tag which is not recommended, and will not work on certain browsers such as IE (and for example in this specific case does not show the pointer cursor in Chrome)</label> </a> <br /><br /> <label> <a href="javascript:void(0)" id="mylink"> This is correct practice. No inline js, and the a tag is in the label tag and not the other way around (which only matters if you want to work with IE as other modern browsers allow this). </a> </label> 

The above works for me using Chrome 66 (latest). Perhaps try and see what ASP renders in the browser using inspect element and check if some of the code may be invalid. All the above solutions should work.

---

Also, it is considered bad practice to use inline js. Read more:

• Is inline JavaScript good or bad?
• Why Inline CSS And JavaScript Code Is Such A Bad Thing
• Reddit - why is inline onclick="function()" considered such a bad practice?

Answer 2

Try:

window.history.back()

or

window.history.forward()

Reference 'Traveling through history': https://developer.mozilla.org/en-US/docs/Web/API/History_API