单击“计数器+导航按钮”

时间:2014-02-11 04:23:35

标签: jquery html button click counter

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

这是完整的代码:

 <!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()方法(使用相同的按钮)?所以它不仅会计算点击次数,还会将我们引导到其他页面。

请帮忙。提前致谢 ! (原谅我破碎的英语)&gt;。&lt;

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

您可以使用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';

}