使用JavaScript更新location (src)中的参数

updating a parameter within location (src) using JavaScript

本文关键字：参数 src JavaScript 更新 location 使用      更新时间：2023-09-26

我如何解析status = ' loggeout '的值到它下面的3个标签，更新login_status = ' loggeout '的值?

<script type="text/javascript">
      window.ndm = window.ndm || {};
      window.ndm.cam = {'status':'logged-out'};
</script>
<script src="http://foo.com/adserver/ndm/js.php?position=header-ad&amp;section_id=NEWS&amp;login_status=SUBSCRIBER"></script>
<script src="http://foo.com/adserver/ndm/js.php?position=middle-ad&amp;section_id=NEWS&amp;login_status=SUBSCRIBER"></script>
<script src="http://foo.com/adserver/ndm/js.php?position=footer-ad&amp;section_id=NEWS&amp;login_status=SUBSCRIBER"></script>

请记住，页面上还有成堆的其他脚本标签，因此要识别相关的。我得到了这个函数。

function getScriptSourceName(name){
var scripts = document.getElementsByTagName('script');
for (i=0;i<scripts.length;i++){
    if (scripts[i].src.indexOf(name) > -1)
        return scripts[i].src;
}}

因此，要找到我想要的相关脚本标签，我调用函数- getScriptSourceName('foo.com');

我如何才能更新login_status参数的值，以使用在顶部声明的值?

我认为这应该工作(下面的HTML文件进行测试)。看看changeStatus方法(我通过点击按钮来触发它进行测试)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <script type="text/javascript">
      window.ndm = window.ndm || {};
      window.ndm.cam = {'status':'logged-out'};
    </script>
    <script src="http://foo.com/some.php?login_status=SUBSCRIBER"></script>
    <script src="http://foo.com/some.php?login_status=SUBSCRIBER"></script>
    <script src="http://foofoo01.com/some.php?login_status=SUBSCRIBER"></script>
    <script>
        function changeStatus(name)
        {
            var scripts = document.getElementsByTagName('script');
            var scriptsToChange = [];
            for (var i = 0; i < scripts.length; i++)
            {
                if (scripts[i].src.indexOf(name) > -1)
                {
                    var oldSrc = scripts[i].src;
                    var newSrc = oldSrc.replace(/(login_status=).*/,'$1' + 'logged-out');
                    scripts[i].setAttribute("src", newSrc);     
                    scriptsToChange.push(scripts[i]);               
                }
            }
            for (var k = 0; k < scriptsToChange.length; k++)
            {
                document.getElementsByTagName("head")[0].appendChild(scriptsToChange[k]);
            }
        }
    </script>
</head>
<body>      
    <button type="button" onclick="changeStatus('foo.com')">Change status</button>
</body>
</html>
相关文章：