使用is跳转页面的几种方法

2024-01-02 06:11:33

1,open()

打开一个新的浏览器窗口

<input type="button" value="去往新窗口按钮" onclick="fun1()">


    function fun1() {
      window.open("https://blog.csdn.net/daxiang12092205/article/details/11878477/")
    }

?

2,location.href

使用 location.href 属性可以设置或获取当前页面的 URL。通过将其值设置为新的 URL,可以实现页面跳转

function fun3() {
//返回当前页面
var url=window.location.href
alert(url)//返回完整的url
alert(location.host)
alert(location.hostname)
}

function fun4(){
//去往新的链接
window.location.href="链接";
}

3.reload()

location.replace() 方法可以实现页面跳转

但与前两种方式不同的是,它会替换当前页面的历史记录

   function fun6() {
      //替换----就跟一个链接一样
      location.replace("链接")
    }

4,history.go()

使用 history.go() 方法可以跳转到指定的历史记录索引。负数表示后退,正数表示前进

function fun2() {
//去往指定页面
window.history.go(-1)
}

5,alert(document.URL)

返回当前页面的url

function fun7() {
//返回当前页面的url
alert(document.URL)
}

<input type="button" value="返回当前url" onclick="fun7()">

6,window.navigate()跳转

<script language="javascript">
    window.navigate("链接");
</script>

7,history.back()

使用 history.back() 方法可以让浏览器后退到历史记录中的上一个页面

<script language="javascript">
    alert("返回");
    window.history.back(-1);
</script>

文章来源:https://blog.csdn.net/liyil66464/article/details/135331026
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。