温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
  • 忘记密码?
登录注册×
获取短信验证码
其他方式登录
点击 登录注册 即表示同意 《亿速云用户服务条款》
  • 服务器
  • 数据库
  • 开发技术
  • 网络安全
  • 互联网科技
登 录 注册有礼
最新更新 网站标签 地图导航
产品
  • 首页 > 
  • 教程 > 
  • 开发技术 > 
  • web开发 > 
  • 如何使用js跳转到新页面

如何使用js跳转到新页面

发布时间:2020-07-20 14:29:09 来源:亿速云 阅读:954 作者:Leah 栏目: web开发

如何使用js跳转到新页面?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

js跳转到新页面的方法:1、使用location.href="新页面URL"来跳转;2、使用location.replace("新页面URL")来跳转;3、使用location.assign("新页面URL")来跳转。

方法1:使用location.href

语法:

location.href="URL"

示例

<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>这是<i>location.href</i>方式的示例</p> 
      <button onclick="myFunc()">点击这里</button> 
        
      <!--重定向到其他网页的脚本-->   
      <script> 
         function myFunc() { 
           window.location.href="https://www.php.cn"; 
         } 
      </script> 
   </body> 
</html>

如何使用js跳转到新页面

方法2:使用location.replace()

语法:

location.replace("URL")

示例:使用location.replace()方法跳转到其他网页

<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>这是<i>location.replace()</i>方式的示例</p> 
      <button onclick="myFunc()">点击这里</button> 
        
      <!--重定向到其他网页的脚本-->   
      <script> 
         function myFunc() { 
          location.replace("https://www.php.cn"); 
         } 
      </script> 
   </body> 
</html>

如何使用js跳转到新页面

方法3:使用location.assign()

语法:

location.assign("URL")

示例:使用location.assign()方法跳转到其他网页

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>这是<i>location.assign()</i>方式的示例</p> 
      <button onclick="myFunc()">点击这里</button> 
        
      <!--重定向到其他网页的脚本-->   
      <script> 
         function myFunc() { 
          location.assign("https://www.php.cn"); 
         } 
      </script> 
   </body> 
</html>

如何使用js跳转到新页面

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

向AI问一下细节
推荐阅读:
  1. PHP弹出提示框并跳转到新页面即重定向到新页面
  2. js刷新页面方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js 跳转页面
  • 上一篇新闻:
    大快DKhadoop安装与配置问题整理
  • 下一篇新闻:
    命令行常用的命令有哪些

猜你喜欢

  • 企业站长租用美国VPS有哪些优势
  • 香港VPS有哪些优势
  • 香港vps怎么选择
  • 美国vps服务器如何提高安全防御性能
  • 租用美国VPS的技巧有哪些
  • 美国VPS使用过程中的注意事项有哪些
  • 选择美国VPS服务器有哪些优势
  • 美国VPS主机Linux系统常用命令有哪些
  • 美国VPS服务器Linux系统常用的杀毒软件有哪些
  • 如何让美国VPS主机安全稳定地运行
最新资讯
  • 在SQL Server中动态数据遮蔽具体是如何实现的
  • 如何在SQL Server中设置和管理日志传送
  • 解释SQL Server中的数据库调优顾问
  • 在SQL Server中如何实现数据加密
  • 如何在SQL Server中使用变量和批处理
  • 在SQL Server中有哪些常用的故障排除工具和技术
  • 描述如何在SQL Server中识别并解决死锁问题
  • 什么是SQL Server中的局部变量如何使用
  • SQL Server管理工作室的主要功能是什么
  • 在SQL Server中如何使用Resource Governor来管理资源
相关推荐
  • response.redirect 调转到新页面报错
  • HTML点击图片跳转到新页面如何实现
  • 怎么使用Python实现跳一跳自动跳跃功能
  • 原生JS怎么实现的跳一跳小游戏
  • JS如何刷新页面
  • Three.js如何实现一个微信跳一跳游戏
  • 在Js页面通过POST传递参数跳转到新页面详解
  • js如何实现跳一跳小游戏
  • PHP怎么实现弹出提示框并跳转到新页面即重定向到新页面
  • 怎么利用Three.js实现跳一跳小游戏

相关标签

js文件 json vue.js json对象 jsonarray jspgencms package.json json.dumps seajs ejs vue.config.js json.dumps() json字符串 js框架 mock.js jquery jsplumb js开发 viewer.js Immutable.js nest.js
AI

代做工资流水公司惠州企业对私流水样本成都办自存流水潍坊贷款流水样本柳州代开入职流水漳州查询工资流水app截图宜春打银行流水账遵义做工作收入证明沧州收入证明查询绍兴代办工资流水宜昌公司银行流水费用开封银行流水修改样本天津银行流水修改多少钱济宁对公银行流水多少钱漳州车贷工资流水 办理银川代做背调银行流水邯郸办企业对私流水洛阳企业对公流水报价昆明企业流水打印制作宁波查询公司流水金华代开流水单汕头开个人工资流水泉州签证流水报价长春制作车贷流水长沙工资流水app截图阜阳办购房银行流水合肥代做对公流水芜湖打转账银行流水潍坊银行流水PS西宁查薪资银行流水临沂薪资银行流水开具香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

代做工资流水公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化