更改 URL 哈希更改的脚本代码

Question

我有一个脚本，如下例所示：

<script type="text/javascript">
var _myplug = _myplug || {};
_myplug.key = '12e9u349u43098j8r940rjciocjo';
_myplug.renderTo = '';
window.myplug||(function(d) {
    var s,c,o=myplug=function(){ o._.push(arguments)};o._=[];
    s=d.getElementsByTagName('script')[0];c=d.createElement('script');
    c.type='text/javascript';c.charset='utf-8';c.async=true;
    c.src='js/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>

我确切地知道我必须做哪些改变，但我不知道如何在编码语言中实现这一点。

我需要做的是：

• 当 URL 哈希更改为“triggerURL”时，_myplug.renderTo = 'happy';
• 当 URL 哈希再次更改为“triggerURL”以外的任何内容时 _myplug.renderTo = ''

这是因为 URL 可以随时更改（无需离开页面），并且每次发生上述哈希更改时，都需要以某种方式完成其他描述的更改。

任何有解决方案的人.....非常感谢！

Answer 1

<script type="text/javascript">
var _myplug = _myplug || {};
_myplug.key = '12e9u349u43098j8r940rjciocjo';
_myplug.renderTo = '';
window.myplug||(function(d) {
    var s,c,o=myplug=function(){ o._.push(arguments)};o._=[];
    s=d.getElementsByTagName('script')[0];c=d.createElement('script');
    c.type='text/javascript';c.charset='utf-8';c.async=true;
    c.src='js/loader.js?';s.parentNode.insertBefore(c,s);
})(document);    

function changeHash () {
   var hash = (window.location.hash || '#').slice(1);
   if (hash === 'triggerURL') {
       _myplug.renderTo = 'happy';
   } else {
       _myplug.renderTo = '';
   }
}

changeHash(); // init 
window.addEventListener('hashchange', changeHash, false);
</script>

Answer 2

您可以使用window 上的hashchange 事件来执行您的更改。在现代浏览器中，就这么简单：

window.addEventListener('hashchange', function (ev) {
    if (window.location.hash === '#triggerURL') {
        // Your Code Here
    }
}, false)

您可以在 MDN 上找到更多信息以及适用于旧版浏览器的 polyfill。