一次单击计数器 + 导航按钮答案

【问题标题】：Click Counter + Navigation Button at once一次单击计数器 + 导航按钮
【发布时间】：2014-02-11 04:23:35
【问题描述】：

请帮我修改这个脚本...

这是完整的代码：

 <!DOCTYPE html>
<html>
<head>
<script>
    function clickCounter() {
        if (typeof (Storage) !== "undefined") {
            if (localStorage.clickcount) {
                localStorage.clickcount = Number(localStorage.clickcount) + 1;
            } else {
                localStorage.clickcount = 1;
            }
            document.getElementById("result").innerHTML = localStorage.clickcount;
        } else {
            document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage...";
        }
    }
</script>
</head>
<body link="White">
    <p align="center">
        <p>
            <button onclick="clickCounter();"><span style="font-size:35px;" font face="Face"> Please Click Here to Access QLM </span>
            </button>
        </p>
        <div align="center" id="result"></div>

所以问题是：如何导航到其他页面并立即使用 clickCounter() 方法（使用相同的按钮）？所以它不仅会计算点击次数，还会将我们引导到其他页面。

请帮忙。提前致谢！（并原谅我蹩脚的英语）>.

【问题讨论】：

请发布完整的代码，以便我们提供帮助。在这里，您正在为“结果”元素分配一个值。您在哪里编写了导航到其他页面的代码？你在寻找什么逻辑？
@Beauflitz 我的意思是将该值不仅分配给“结果”，而且还用于导航到其他页面（也使用相同的按钮）:(
我在下面添加了我的答案

标签： jquery html button click counter

【解决方案1】：

你可以使用window.location函数

<button onclick="window.location='http://www.google.com'">Please Click Here to Access QLM </button>

您可以指定网址。在这种情况下，您不需要 clickCounter() 方法，而是导航到下一页。

否则，您可以在 clickCounter() 方法中使用它。

clickCounter(){

....
window.location = 'http://www.google.com';

}

【讨论】：

那么如何导航到其他页面并立即使用 clickCounter() 方法（使用相同的按钮）？帮帮我:(
您可以在按照您的逻辑进行所有其他必要的计算后，在您的函数中添加 window.location。
贴出完整的代码，如果可能的话，做一个 jsfiddle。

【解决方案2】：

答案是使用window.location，但更多细节at the MDN

【讨论】：