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

最新推荐文章于 2022-11-06 10:57:14 发布

weixin_30698527

最新推荐文章于 2022-11-06 10:57:14 发布

阅读量252

点赞数

原文链接：http://www.cnblogs.com/szqlvlll/p/10142851.html

版权

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 οnclick="openNew();">打开新页面</button>
		<button οnclick="closeWindow();">关闭窗口</button>
		<button οnclick="tiaoZhuan();">页面跳转</button>
		<button οnclick="qianHou();">前后跳转</button>
	</body>
	<script>
		var test = null
		
		function openNew()
		{
			// 打开新页面，需要指定url，打开方式，默认是_blank
			test = 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>

转载于:https://www.cnblogs.com/szqlvlll/p/10142851.html

weixin_30698527

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS中用于打开、关闭、跳转页面的几个函数用法

window.open('url' , ' _self/_ blank):打开一个页面,属于window的函数打开的页面对象.close():将打开的页面关闭window.location.href = ' url ':跳到指定页面window.history.back()：回溯到上一个页面window.history.go(参数):参数为正：跳到下几个页面；参数为负：跳到上几个页...
复制链接

扫一扫