Javascript html每秒钟单击一次更改url

这是我的网站

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

我在javascript中使用以下代码：

function swapStyleSheet(sheet){
document.getElementById('pagestyle').setAttribute('href', sheet);

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

在html中：

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

改变我网站的对比度，这个链接在我点击它的时候起作用，但是当我改变对比度的时候，我希望相同的链接能让我回到我网站的原始风格，有人能帮我吗？谢谢

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

function swapStyleSheet(sheet) {
    var oldPageStyle = document.getElementById('pagestyle').getAttribute('href');
    document.getElementById('pagestyle').setAttribute('href', sheet);
    document.getElementById('myContrastLink').setAttribute('onclick', "swapStyleSheet('" + oldPageStyle + "')");
}

HTML:

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

---

如果您使用的是Jquery，那么可以在Jquery中使用toggleClass函数。您可以更改特定的类并执行相关的操作，而不是更改整个CSS

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

HTML

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

试试这个

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

function swapStyleSheet(){
   original = 'css/stil.css';
   contrast = 'css/kontrast.css';
   var source = document.getElementById('pagestyle').getAttribute('href');
   if(source == original)
      document.getElementById('pagestyle').setAttribute('href', contrast);
   else
      document.getElementById('pagestyle').setAttribute('href', original);  

}

HTML

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

---

将工作表存储在函数本身中，并检查工作表是否已交换，以确定新值

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

function swapStyleSheet (){
    var originalStyle = 'css/kontrast.css';
    var newStyle = 'css/original.css'; // <- or whatever your filename is
    var pagestyle = document.getElementById('pagestyle');

    if (pagestyle.getAttribute('href') == newStyle) {
       pagestyle.setAttribute('href', originalStyle);
    }
    else {
       pagestyle.setAttribute('href', newStyle);
    }

    pagestyle.setAttribute('href', styleToUse);
}

这对我很有用，谢谢你，别想了

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>

---

感谢大家为我花费的时间，你们是了不起的家伙，我是JS的新手：

帖子上没有标签。无论如何，它不仅仅是一个类，而是一个完整的样式表。是的，但这是一个以不同方式解决问题的方法。如果他使用Jquery，也许他可以得到帮助，以不同的方式解决问题。只要看看这一部分，当我改变对比度的时候，我想要相同的链接支持我的原始风格，他可以通过改变类来改变链接。我网站的原始风格你不知道他的样式表中有什么。它似乎改变了所有的网站风格，不仅仅是链接风格。我用了这个，它的工作，但感谢大家！！特别是你

<li><a href="#" onclick="swapStyleSheet('css/kontrast.css')">KONTRAST</a></li>