JS中用於打開、關閉、跳轉頁面的幾個函數用法


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 = 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>

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM