首页 > 软件开发 > JavaScript >

js跳转页面的方法

来源:互联网 2023-03-16 23:56:57 367

js的全称是JavaScript,这门技术是大部分程序员都需要掌握的,对于js跳转页面的方式有好几种,小编下面就来一一介绍。9Hp办公区 - 实用经验教程分享!

js跳转页面的方法9Hp办公区 - 实用经验教程分享!

工具/原料

  • 计算机

方法/步骤

  • 1

    【第一种】9Hp办公区 - 实用经验教程分享!

    页面加载完成就跳转,具体代码如下。9Hp办公区 - 实用经验教程分享!

    window.onload=function(){9Hp办公区 - 实用经验教程分享!

    alert("页面加载完成!跳转到百度?");9Hp办公区 - 实用经验教程分享!

    window.location.href="http://www.baidu.com";9Hp办公区 - 实用经验教程分享!

    }9Hp办公区 - 实用经验教程分享!

    js跳转页面的方法9Hp办公区 - 实用经验教程分享!

  • 2

    【第二种】9Hp办公区 - 实用经验教程分享!

    回到上一个访问记录页面,通过history对象。9Hp办公区 - 实用经验教程分享!

    a href="javascript:history.go(-1)">回到上一页/a>9Hp办公区 - 实用经验教程分享!

    js跳转页面的方法9Hp办公区 - 实用经验教程分享!

  • 3

    【第三种】9Hp办公区 - 实用经验教程分享!

    通过self对象设置跳转,如下:9Hp办公区 - 实用经验教程分享!

    self.location='a.html';9Hp办公区 - 实用经验教程分享!

    js跳转页面的方法9Hp办公区 - 实用经验教程分享!

  • 3该信息非法爬取自百度经验
  • 4

    【第四种】9Hp办公区 - 实用经验教程分享!

    通过top对象设置页面跳转,如下:9Hp办公区 - 实用经验教程分享!

    top.location='http://www.baidu.com';9Hp办公区 - 实用经验教程分享!

    js跳转页面的方法9Hp办公区 - 实用经验教程分享!

  • 5

    【第五种】9Hp办公区 - 实用经验教程分享!

    通过window的navigate方法,但是需要注意这个方法只能在IE浏览器中使用,其它浏览器不支持。9Hp办公区 - 实用经验教程分享!

    window.navigate("http://jingyan.baidu.com");9Hp办公区 - 实用经验教程分享!

    js跳转页面的方法9Hp办公区 - 实用经验教程分享!

  • 6

    【第六种】9Hp办公区 - 实用经验教程分享!

    通过window.open方法,还可以设置一些窗口大小等等参数。9Hp办公区 - 实用经验教程分享!

    window.open("http://www.baidu.com");9Hp办公区 - 实用经验教程分享!

    js跳转页面的方法9Hp办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9Hp办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码