首页 > 软件开发 > JavaScript >

JavaScript如何实现关闭当前页的同时打开新窗口

来源:互联网 2023-03-17 00:47:25 221

在网页编程里,经常会遇到打开一个新页面的问题或者关闭页面的场景,这是网页编程的基础,这里一起探讨下相关操作sdq办公区 - 实用经验教程分享!

JavaScript如何实现关闭当前页的同时打开新窗口sdq办公区 - 实用经验教程分享!

工具/原料

  • 浏览器:chrome
  • 编辑器:notepad

方法/步骤

  • 1

    在网页编程中HTML是框架,JavaScript是动态脚本,控制着网页的动态交互,所以这里关闭或打开新的页面是通过javascript来控制的sdq办公区 - 实用经验教程分享!

    JavaScript如何实现关闭当前页的同时打开新窗口sdq办公区 - 实用经验教程分享!

  • 2

    先定义个一个HTML,有一个按钮,将要点击会打开新的页面,另存为到一个1.html中sdq办公区 - 实用经验教程分享!

    JavaScript如何实现关闭当前页的同时打开新窗口sdq办公区 - 实用经验教程分享!

  • 2本页面未经许可获取自百度经验
  • 3

    1.html的展示效果sdq办公区 - 实用经验教程分享!

    JavaScript如何实现关闭当前页的同时打开新窗口sdq办公区 - 实用经验教程分享!

  • 4

    这时候增加一个javascript时间,点击打开新页面按钮,可以打开百度网址sdq办公区 - 实用经验教程分享!

    script >sdq办公区 - 实用经验教程分享!

    function openWindow(){sdq办公区 - 实用经验教程分享!

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

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

    sdq办公区 - 实用经验教程分享!

    function butClick(){sdq办公区 - 实用经验教程分享!

    openWindow();sdq办公区 - 实用经验教程分享!

    sdq办公区 - 实用经验教程分享!

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

    sdq办公区 - 实用经验教程分享!

    /script>sdq办公区 - 实用经验教程分享!

    JavaScript如何实现关闭当前页的同时打开新窗口sdq办公区 - 实用经验教程分享!

  • 5

    如何关闭页面的,需要再增加一个javascript方法sdq办公区 - 实用经验教程分享!

    JavaScript如何实现关闭当前页的同时打开新窗口sdq办公区 - 实用经验教程分享!

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


    标签: JAVASCRIPT

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