分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

JS中用于打开、关闭、跳转页面的几个函数用法

发布时间:2023-09-06 02:26责任编辑:顾先生关键词:暂无标签

window.open(‘url‘ , ‘ _self/_ blank):打开一个页面,属于window的函数

打开的页面对象.close():将打开的页面关闭

window.location.href = ‘ url ‘:跳到指定页面

window.history.back():回溯到上一个页面

window.history.go(参数):参数为正:跳到下几个页面;参数为负:跳到上几个页面

举个栗子:

<html><head><meta charset="utf-8" /><title>BOM操作</title></head><body><button onclick="openNew();">打开新页面</button><button onclick="closeWindow();">关闭窗口</button><button onclick="tiaoZhuan();">页面跳转</button><button onclick="qianHou();">前后跳转</button></body><script>var test = nullfunction openNew(){// 打开新页面,需要指定url,打开方式,默认是_blanktest = window.open(‘http://www.baidu.com‘, ‘_blank‘)}function closeWindow(){// 有些浏览器只能关闭脚本打开的窗口// 有些浏览器可以关闭地址栏窗口test.close()}function tiaoZhuan(){window.location.href = ‘http://www.baidu.com‘}function qianHou(){// 跳转到上个页面// window.history.back()// 可以实现前后跳转// 正数表示向后,负数表示向后// go(-1) ?<==> back()window.history.go(-1)}</script></html>

  

JS中用于打开、关闭、跳转页面的几个函数用法

原文地址:https://www.cnblogs.com/szqlvlll/p/10142851.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved