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>

  

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

时间: 2024-10-07 04:20:57

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

js中window对象详解以及页面跳转

js中window对象详解以及页面跳转 转自:http://www.makaidong.com/%E5%8D%9A%E5%AE%A2%E5%9B%AD%E6%90%9C/39219.shtml 1.window.top.window.location = "index.asp"; 2.window.top.location.href="index.asp" 3. window.top.location.replace("index.asp");

Node.js中的不安全跳转如何防御详解

Node.js中的不安全跳转如何防御详解 导语: 早年在浏览器大战期间,有远见的Chrome认为要运行现代Web应用,浏览器必须有一个性能非常强劲的Java引擎,于是Google自己开发了一个高性能的开源的Java引擎,名字叫V8.在2009年,Ryan正式推出了基于Java语言和V8引擎的开源Web服务器项目,命名为Node.js. 对于任何web开发人员来说,不安全或未经验证的重定向都是重要的安全考虑因素.Express为重定向提供了本地支持,使它们易于实现和使用.Express是一种保持最

通过在JS中可以用button点击后实现页面跳转-落月QQ935432468

第一种: <script language="javascript" type="text/javascript"> window.location.href="www.cnblogs.com"     </script> 第二种: <script language="javascript"> alert("返回"); window.history.back(-1); &

ASP.NET 中 POST 数据并跳转页面(译自 Redirect and POST in ASP.NET)

本文翻译自 Samer Abu Rabie 的 <Redirect and POST in ASP.NET> 简介 在实际项目中,我们会遇到这样一种应用场景:我们需要与第三方的应用程序通信,在某些特定的情形下,我们不得不使用 POST 请求而非 GET 请求传递信息. 背景 起初,这个问题看起来很简单,但实际并不是那样.我很努力地寻求这个问题的解决方法,仔细谷歌搜索之后发现并没有让我满意的较好解决方案.让我们先来看看向指定的目的URL发送数据(包括POST和GET)有哪些可选方法: 1. Re

Asp.net 与 jsp 交互 (打开或跳转页面)

//原窗口保留,以对话框形式打开新窗口:(打开窗口的大小可以设置打开页面的大小)Response.Write("<script>window.showModelessDialog('PIE_Project2.aspx')</script>"); ////刷新 刷新本页:Response.Write("<script language=javascript>window.location.href=window.location.href;&

ASP.NET中POST数据并跳转页面

需求:先Post提交数据,然后跳转到目标页面 找了好久才发现这个神奇的类HttpHelper.原理很简单,利用html的from表单拼接,然后执行 使用方法: NameValueCollection data = new NameValueCollection(); data.Add("v1", "val1"); data.Add("v2", "val2"); HttpHelper.RedirectAndPOST(this.P

js window.open打开新窗口原页面出现[object window]解决办法

解决方法: 1.<a href="javascript:window.open('about:blank','_blank');void(0);">ddd</a>只需要在href中加入void(0);即可2.<a href="#" onclick="window.open('about:blank','_blank')">ddd</a> window.open()函数说明: 函数原型:window.

JS中正则匹配的三个方法match exec test的用法

javascript中正则匹配有3个方法,match,exec,test: match是字符串的一个方法,接收一个RegExp对象做为参数: match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配. 该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置. exer 和test是RegExp对象的方法,接收一个字符串参数. 1. 如果你只是想判断字符串是否匹配某个正则表达式,就用test方法: 2.如果想一次性取出所有匹配到

JS中的类型检测

JS中用于类型检测的函数有typeof.instanceof .Object.prototype.toString.constrcutor.duck type typeof用于检测基本类型和函数 有些特殊情况 null.数组.Date数据类型用typeof判断返回的是object instanceof用来判断对象类型,基于原型链,可以用来判断数组和Date数据类型