java重定向到某个url_重定向到JavaScript中的URL

电玩女神 2023-03-05 12:49 39阅读 0赞

java重定向到某个url

We know that the **window object** is like the mother of all objects in JavaScript and contains loads of different methods and properties attached to it. We have also seen some of them like localstorage, innerWidth, innerHeight, outerWidth and outerHeight, etc. Today we'll look at a property called location built on top of the window object that will allow us to redirect to different pages from one point.

我们知道， **窗口对象**就像JavaScript中所有对象的母亲一样，并包含许多附加的不同方法和属性。 我们还看到了其中的一些变量 ，例如localstorage ， innerWidth ， innerHeight ， externalWidth和externalHeight等。今天，我们来看一个建立在window对象顶部的位置属性，该属性使我们可以从一个点重定向到不同的页面。

**Syntax:**

**句法：**

window.location = <url>;

The URL must be enclosed within quotations. Let's quickly try out inside the dev console of your browser. Go to any page and open the console and type in,

该URL必须用引号引起来。 让我们在浏览器的开发控制台中快速尝试一下。 转到任何页面并打开控制台并输入，

window.location = "https://www.facebook.com";

Hit enter and voila! You're redirected to facebook.com.

点击输入，瞧！ 您已重定向到facebook.com。

We can also redirect to a page on loading the window. Let's see the following example,

我们还可以在加载窗口时重定向到页面。 让我们看下面的例子，

**index.html**

<html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
        <script type="text/javascript">
            function loadNewDoc() {
        
                window.location = "https://www.includehelp.com/";
            }
        </script>
    </head>
    <style>
        .loader {
        
            margin: auto;
            border: 16px solid brown;
            width: 120px;
            height: 120px;
            border-top-color: violet;
            border-bottom-color: violet;
            border-radius: 50%;
            animation: loaderAnimate 4s linear infinite;
        }
        
        @keyframes loaderAnimate {
        
            0% {
        
                transform: rotate(0deg) scale(1);
            }
            25% {
        
                border: 16px solid SlateBlue;
                border-top-color: Tomato;
                border-bottom-color: Tomato;
            }
            50% {
        
                transform: rotate(360deg) scale(1.1);
                border: 16px solid orange;
                border-top-color: yellow;
                border-bottom-color: yellow;
            }
            75% {
        
                border: 16px solid DodgerBlue;
                border-top-color: MediumSeaGreen;
                border-bottom-color: MediumSeaGreen;
            }
            100% {
        
                transform: rotate(720deg) scale(1);
            }
        }
        
        @keyframes appear {
        
            0% {
        
                opacity: 0;
            }
            100% {
        
                opacity: 1;
            }
        }
    </style>
    
    <body>
    
        <body onLoad="setTimeout('loadNewDoc()', 5000)">
            <h3>You will be redirected shorty...</h3>
            <div class="loader"></div>
        </body>
        <script>
        </script>
    
    </html>

**Output**

**输出量**

![Redirect to a URL in JavaScript][]

And then we get the home page for **includehelp.com**

然后我们获得**includehelp.com的主页**

We have other **redirection methods to redirect a URL to another page** like **location.replace()**, **localtion.assign()** and **location.reload()**.

我们还有其他**重定向方法可以将URL重定向到另一个页面，**例如**location.replace()** ， **localtion.assign()**和**location.reload()** 。

**location.replace()** replaces the current document with a new one. We pass the new URL as a parameter to it and it performs an HTTP redirect. Similarly, we can also use **location.assign()**.

**location.replace()**用新文档替换当前文档。 我们将新的URL作为参数传递给它，并执行HTTP重定向。 同样，我们也可以使用**location.assign()** 。

> 翻译自: [https://www.includehelp.com/code-snippets/redirect-to-a-url-in-javascript.aspx][https_www.includehelp.com_code-snippets_redirect-to-a-url-in-javascript.aspx]

java重定向到某个url

[Redirect to a URL in JavaScript]: /images/20230208/ee890c1acdbd4ec6ac7879edc2a7b10f.png
[https_www.includehelp.com_code-snippets_redirect-to-a-url-in-javascript.aspx]: https://www.includehelp.com/code-snippets/redirect-to-a-url-in-javascript.aspx