html点击之后出现样式,javascript的点击跳转之后，怎么添加样式

大家好，目前正在学习JavaScript课程，学着写了一个导航栏，就是点击该导航名的时候就自动添加class , 但是我写好后，如果点击不跳走(本页面里)的话，是好的，如果点击导航，跳转到其他(其他页面也正确加载了JS)页面的话，这个效果就完全无效了，特来请教一下，如果是跳转到其他页面的应该怎么写呢？请帮忙分析下，谢谢！

Examples

.active {background: red;}

window.onload = function ()

{

var oNav = document.getElementById('nav1');

var oA = oNav.getElementsByTagName('a');

for (var i=0;i

{

oA[i].onclick = function()

{

for (var i=0;i

{

oA[i].className="";

}

this.className="active";

};

};

};

首页

测试一

测试二

测试三

测试四

测试五

测试六

测试七

下面的代码是跳转到其他页面的，当然其他页面也加载了这个CSS和JS，现在就是搞不懂，如果跳走到其他页面了，代码应该怎么写

Examples

.active {background: red;}

window.onload = function ()

{

var oNav = document.getElementById('nav1');

var oA = oNav.getElementsByTagName('a');

for (var i=0;i

{

oA[i].onclick = function()

{

for (var i=0;i

{

oA[i].className="";

}

this.className="active";

};

};

};

首页

测试一

测试二

测试三

测试四

测试五

测试六

测试七

就是各种网站常见的那种导航，点击当前栏目，栏目高亮，请用原生JS帮忙分析解答下，谢谢！