首页 >web前端 >js教程 > 正文

javascript如何实现页面跳转

原创2021-03-31 11:19:0101256

javascript实现页面跳转的方法:1、通过修改窗体对象window的地址链接属性【location.href】实现在当前页面打开新页面;2、可以通过调用窗体对象window的【open()】方法实现。

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

javascript实现页面跳转的方法:

1、在当前页面打开新页面

通过修改窗体对象window的地址链接属性location.href实现在当前页面打开新页面,即

< language="java" type="text/java">
window.location.href="http://110.html";
</>

2、实现在新窗口打开新页面

可以通过调用窗体对象window的open()方法实现。

即:window.open('http://hx110.com');

3、返回上一页的跳转

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

4、self:当前窗口对象(如果是在iframe里,则为该框架的窗口对象)

< language="Java">
self.location='top.html';
</>

5、弹出提示框跳转到其他页面

< language="java">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="http://110.html"
}

相关免费学习推荐:javascript视频教程

以上就是javascript如何实现页面跳转的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript 页面跳转
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    coldplay.xixi

    好好学习 天天向上

    最近文章
    重点详解Java类和对象1399
    浅析php简单操作mysql锁机制3010
    php无法加载mysql怎么办1587
    推荐视频教程
  • JavaScript 基础加强视频教程JavaScript 基础加强视频教程
  • 传智播客JavaScript网页游戏开发实战视频教程传智播客JavaScript网页游戏开发实战视频教程
  • 尚硅谷JavaScript高级视频教程尚硅谷JavaScript高级视频教程
  • JavaScript高级实践视频教程—布尔教育JavaScript高级实践视频教程—布尔教育
  • JavaScript入门基础视频教程JavaScript入门基础视频教程
  • JavaScript基础精讲视频教程JavaScript基础精讲视频教程
  • 视频教程分类