JavaScript |重定向URL

先决条件:

null
  • 学习基本的HTML
  • 学习基本的Javascript

    在JavaScript中重定向URL只不过是将用户从一个URL发送到另一个URL。在Javascript中,使用Windows。位置函数用于重定向到URL。

    用于重定向到URL的JavaScript代码:
    代码#1:

    <!DOCTYPE html>
    < html >
    < head >
    < title >Redirect url in Javascript</ title >
    </ head >
    < body >
    < script >
    window.location = url;
    </ script >
    </ body >
    </ html >

    
    

    输出: 图片[1]-JavaScript |重定向URL-yiteyi-C++库

    代码#2: 下面的代码从用户那里获取一个输入url,该url通过getElementById()和window存储在一个变量中。位置将页面带到该url。

    <!DOCTYPE html>
    < html >
    < head >
    < title >Redirect url in Javascript</ title >
    </ head >
    < body >
    < input id = "url" type = "text" name = "url"
    placeholder = "Enter a url here" >
    < input type = "submit" name = "button" onclick = "fun()" >
    < script >
    function fun() {
    var url= document.getElementById("url").value;
    document.write("Redirecting to the url in 3 seconds...");
    setTimeout(function(){window.location = url;}, 3000);
    }
    </ script >
    </ body >
    </ html >

    
    

    输出: 图片[2]-JavaScript |重定向URL-yiteyi-C++库 首先,这将是输出,然后如果链接(https://www.geeksforgeeks.org/)被放入框中,它将重定向到Geeksforgek的主页,如下所示。 图片[3]-JavaScript |重定向URL-yiteyi-C++库

    执行上述代码的步骤:

    • 使用保存这些文件。作为文件名的html扩展名。html
    • 然后在浏览器中打开文件,它将被重定向到Geeksforgeks主页。
  • © 版权声明
    THE END
    喜欢就支持一下吧
    点赞15 分享