Question

我有一个按钮设置，我想知道如果按下按钮后我将如何运行meta。

这是按钮代码：

<button type="button" class="btn btn-primary" onclick="waitingDialog.show();setTimeout(function () {waitingDialog.hide();}, 900000);">
Show dialog 
</button>

我希望在按下按钮后运行此元数据：

<meta http-equiv="refresh" content="3;url=http://www.example.com"/>

onclick函数基本上会打开一个弹出窗口，告诉用户该页面正在加载

由于

- 汤姆

Answer 1

但是有几种方法可以使用javaScript和jquery重定向到新页面，您可以通过jquery添加元标记来强制页面使用元标记重定向：

$('head').append('<meta http-equiv="refresh" content="3;url=http://www.example.com"/>');

此代码应位于setTimeout函数内。由于代码太长，我建议将其放在一个单独的函数中并将其命名为onClick。

    <button type="button" class="btn btn-primary" onclick="mydialog()">Show dialog</button>
    <scrtipt type="text-javascript">
       function mydialog(){
            waitingDialog.show();
           $('head').append('<meta http-equiv="refresh" content="3;url=http://www.example.com"/>');
            setTimeout(function () {
               waitingDialog.hide(); 
            }, 900000);
        }
    </script>

Answer 2

此代码可以帮助您：

<html>
<head>
    <style>
        div {
            background-color: yellow;
            color: red;
            width: 80px;
            height: 20px;
            display: none;
        }
    </style>
</head>
    <body>
        <div id="load">Loading...</div>
        <br>
        <button type="button" class="btn btn-primary">
         Show dialog 
        </button>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $("button").click(function(){
                    $("#load").fadeIn(1000).delay(2000).fadeOut(1000);
                    $('head').append('<meta http-equiv="refresh" content="5;url=http://www.example.com"/>');
                })
            })
        </script>
    </body>
</html>

按下按钮后使用元标记

2 个答案: