javascript - 更改 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>

我确切地知道我必须做什么更改，但我不知道如何用编码语言来完成此操作。

我需要做的是:

• 当网址哈希更改为“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>