单击锚标记时,如何将1个网址重定向到另一个网址?

时间:2019-07-06 20:18:51

标签: javascript php

当我单击锚标记时,我需要一个代码来将其重定向到一个URL,并在一段时间后将其重定向到另一个URL。

在单个代码上存在双重网址重定向。

我试图操纵此代码以进行双重URL重定向。

4 个答案:

答案 0 :(得分:1)

有一种双重网址重定向的方法

<!DOCTYPE html>
<html>
<body>


<a href="#" onclick="window.open('http://google.com');
    window.open('https://www.w3schools.com/html/');">Click to open Google and Yahoo</a></p>
</body>
</html>

如果您要导航或添加一些时间,请在其中创建一个函数并应用超时方法进行第二次导航

//情况2为了在一段时间后打开第二个网址

        <!DOCTYPE html>
        <html>
        <body>


        <a href="#" onclick=myFunction()>Click to open Google and Yahoo</a></p>

        <script>

        function myFunction(){
           myWindow = window.open('http://google.com');
if(myWindow){ // if its null means the 1 one is not opened hence second //will not open
            setTimeout(function(){ 
             window.open('https://www.w3schools.com/html/');
             }, 1000); 
}       
            }
       </script>
        </body> 
        </html>

答案 1 :(得分:1)

目前尚不清楚您想要哪种语言的解决方案。沿着PHP-html-javascript链,共有3种方法(可以组合使用)。每个都有自己的优点和缺点 最简单的html方式是使用meta标记,其中content属性保留重定向时间(以秒为单位)和目标位置:

<meta http-equiv="refresh" content="5;URL='https://destination.com/index.html'" />

第二种方法,是使用php redirect

header('Location: https://destination.com/index.html');

第三种方式是使用Java

window.location.href = "https://destination.com/index.html";

一个简单的例子(将所有三个一起使用) 一句话,对于仅html的解决方案,需要2个文件才能进行2次重定向。 JS和PHP可以通过在URL上添加一个计数器并从中读取内容(添加?counter = x)来允许您使用同一文件

<?php
$counter = isset($_GET['counter']) ? 1 : $_GET['counter'] +1;
$redit = "1.html";
if ($counter == 2) $redir = "3.html";
header('Location: https://destination.com/' . $redir .  '?counter=' . $counter);
 ?>
<html>
<head>
<meta http-equiv="refresh" content="5;URL='https://destination.com/index.html'" />
</head>
<body>
<a href="2.html">click me</a>
<script type="text/Javascript">
        const urlParams = new URLSearchParams(window.location.search);
        var counter = urlParams.get('counter');
        var redir = "2.html";
        counter++;
        if (counter == 2) {
                redir = "3.html";
        }
        window.location.href = "https://destination.com/" + redir + counter;
</script>
</body>
</html>

答案 2 :(得分:0)

在第一页上:

<a href="second_page.php?redirect=true>Link</a>

在第二页上:

<?php
    if(isset($_GET['redirect']) && $_GET['redirect'] == true){
        sleep(2);
        header("Location: http://example.com/third_page.php"); 
    }

答案 3 :(得分:-1)

试想一下,您有两个网页a.php,b.php,c.php,而在a.php中有一个如下所示的定位标记

<a href="b.php">Click to go next page
在b.php中只需添加此javascript

<script>
    alert('You are redirecting to next page');
    window.location='c.php';
    </script>