发表新帖
发表新帖

Using JavaScript to change the URL used when a page is bookmarked

后端 未结
关注
6 558
误落风尘
误落风尘 2021-01-14 05:55

JavaScript doesn\'t allow you to update window.location without triggering a reload. While I agree with this policy in principle (it shouldn\'t be possible to

相关标签:
6条回答
  • 情深已故
    2021-01-14 06:01

    You can add   [Add to Favorites]   button on the page.

    Sample:

    var urlAddress = "http://www.example.com/#image1";
var pageName = "Example Page Title - Image1";
function addToFavorites() {
    if (window.external) {
        window.external.AddFavorite(urlAddress, pageName); 
    } else {
        alert("Sorry! Your browser doesn't support this function."); 
    }
}

    Or use one of these jQuery plugins:

    • http://plugins.jquery.com/project/bookmark
    • http://plugins.jquery.com/project/jqbookmark
    • http://plugins.jquery.com/project/AddFavourite
    • http://plugins.jquery.com/project/jFav
    • http://plugins.jquery.com/project/jBookmarkEngine

    AND / OR

    Use URLs with hash at the end and load your content (images etc.) based on that hash value.

    function onLoad() {
    if (window.location.hash == "image1") {
        // load image1
    }
}

    There are also lots for jQuery plugins for working with URL hash events, for example:

    • http://plugins.jquery.com/project/hashhistory
    • http://plugins.jquery.com/project/hashchange

    There are also lots of non jQuery JavaScript libraries for that, for example:

    • http://code.google.com/p/reallysimplehistory/
    0 讨论(0)
  • 误落风尘
    2021-01-14 06:06

    How about detecting on page load if the URL contains a hash, and if it does, directing them to the page you want them to go to?

    0 讨论(0)
  • 旧巷少年郎
    2021-01-14 06:08

    As mentioned, generally with ajaxy sites, you manipulate/check the hash part of the URL (window.location.hash) to determine this kind of activity.

    The biggest issue is making sure to check against the hash in DOM-ready/window-load, as if the user clicked on a given image. This will work with browsers and bookmarks, but may hamper search indexing.

    0 讨论(0)
  • 半阙折子戏
    2021-01-14 06:11

    You can add an anchor to the URL without reloading the page and pick that up with javascript:

    location.href = '.../#' + imageId;
    0 讨论(0)
  • 终归单人心
    2021-01-14 06:14 
    <html>

<head>
<script type="text/javascript">
function myHref(){
    document.getElementById('myAnchor').innerHTML="Visit Google"
    document.getElementById('myAnchor').href="http://www.google.com"
}
</script>
</head>

<body>
    <a id="myAnchor" href="http://www.java2s.com">Visit Java2s</a>
    <form>
        <input type="button" onclick="myHref()" value="Change URL and text">
    </form>
</body>

</html>
    0 讨论(0)
  • 悲哀的现实
    2021-01-14 06:19

    Sounds like you should check out Really Simple History. It's how Google (for example, Gmail) allows any page to be bookmarkable (and has history) but doesn't refresh the whole page.

    As for the other side of things (having people visit your site then automatically popping up the correct image), I'd try checking window.location.hash once the page loads and firing events based on that.

    0 讨论(0)
 看不清?
提交回复
热议问题