更改页面,然后更改类

时间:2018-03-21 08:02:31

标签: javascript css hyperlink onclick

单击跳转到该页面的链接后,是否可以更改类(按ID)? 我是第01页,当我点击第01页中的链接时,我希望它跳转到第02页,然后更改第02页中的类。 有可能吗?

3 个答案:

答案 0 :(得分:0)

您可以在page01上的链接中添加一个查询字符串,然后在页面加载时通过脚本page02进行解析,这将改变第02页上的相关类/元素。

答案 1 :(得分:0)

你的问题不明确。我假设您从第1页检索id,在第2页中选择id的元素并更改其类。首先,您必须向链接添加网址参数,并将第01页的href属性设置为https://yourlink.com?id=id-of-element-to-change。在页面02中,在窗口加载页面时执行以下脚本:

window.onload = function () {
  let url = new URL(document.location.href);
  let id = url.searchParams.get("id");
  document.getElementById(id).setAttribute("class", "your-class");
};

答案 2 :(得分:0)

实际上,删除的帖子对我帮助很大:)

我使用此代码获取参数

            function getParam( name ){
            name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
            var regexS = "[\\?&]"+name+"=([^&#]*)";
            var regex = new RegExp( regexS );
            var results = regex.exec( window.location.href );
            if( results == null )
                return "";
                else
                return results[1];
        }

然后删除了Class并添加了一个新的

        var idPassing = getParam( 'id' );

        if(idPassing == "Publicidade"){
            functRemoveClassCurrent();
            document.getElementById("idFilterPublicidade").className+="current";
        }

谢谢大家!!!