window.location.href.indexOf无法正常工作

Question

我目前在当前项目中使用window.location.href.indexOf。我注意到它似乎不能正常工作。例如我制作的这段代码。

$(document).ready(function() { 

    //Show Sign Up drawer if user clicks on referral link 
    //It will show the Sign Up drawer once the word "referral" is found in the URL 
    if (window.location.href.indexOf("?referral") > -1) { 
    console.log('Sign Up Drawer'); 
    $(".header-form-container.signup").addClass("show"), 
    } 
}); 

此代码它的作用是在一个元素添加一个类，如果这个词referral在URL中找到。插入的添加类将随后滑动注册抽屉。这是测试过程中发生的事情。

在我的第一个测试中，我尝试在网址中插入单词referral。在单词键入并按Enter键后，我试图运行的JavaScript没有触发

但刷新浏览器或重新插入后字现在它工作。它目前显示注册部分。

我怎样才能确保代码window.location.href.indexOf将在第一次尝试或不再次刷新浏览器。该网站建立在一个角度框架上

Answer 1

它不起作用，因为您的脚本（例如：main.js）仅在执行页面加载时执行一次。

您可能想要使用window.history来操作浏览器历史记录。你可以用pushState()

History API

希望它可以帮助更新的查询字符串。

Answer 2

如果您只更改#标志后的URL ，则页面将不会重新加载，因为您只更改URL的锚点部分。
包装在$(document).ready(function() { ...中的代码只会在加载页面时运行一次。

你想要做的是增加一个监听路由变化事件，并在处理程序运行你的代码，这样的事情：

$rootScope.$on("$routeChangeSuccess", function() { 
    if (window.location.href.indexOf("?referral") > -1) { 
    console.log('Sign Up Drawer'); 
    $(".header-form-container.signup").addClass("show"), 
    } 
});