关于js的地址跳转

一、基本的地址跳转

解说:

window.open 弹出新窗口的命令;     page.html‘ 弹出窗口的文件名;    ‘newwindow‘ 弹出窗口的名字(不是文件名),非必须,可用空‘代替; height=100 窗口高度;  width=500 窗口宽度;  top=0 窗口距离屏幕上方的象素值;  left=0 窗口距离屏幕左侧的象素值。

window.location.href = "页面地址"; //当前页跳转  相当于 <a href="baidu.com" target="_self">go baidu</a>
window.open(‘页面地址‘); //打开新页面   相当于<a href="baidu.com" target="_blank">go baidu</a>
window.open(‘page.html‘, ‘newwindow‘, ‘height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no‘)

 

二、返回上一页,当页刷新

window.history.back(-1); //返回上一页
window.history.back(); //返回上一页
document.referrer;  //返回上一页,也用于获取上一页的链接,假如没有上一页则返回"",多用于移动端

location.reload(); //当页刷新
window.location.go(-1); //返回上一页并刷新

 

三、其他的页面跳转

解说:

 self 指代当前窗口对象,属于window 最上层的对象。

location.href 指的是某window对象的url的地址

 self.location.href 指当前窗口的url地址,去掉self默认为当前窗口的url地址,一般用于防止外部的引用

top.location.href:为引用test.html页面url的父窗口对象的url

top指代的是主体窗口

self.location.href = "baidu.com"
top.location.href = ‘页面地址‘;

//假如要页面a跳出iframe框架
if(top.location.href != self.location.href) {
	location.href = "页面a";
}

  

原文地址:https://www.cnblogs.com/qqing/p/8436717.html

时间: 2024-10-12 20:17:02

关于js的地址跳转的相关文章

js在一定时间内跳转页面及各种页面刷新

1.js 代码: <SCRIPT LANGUAGE="JavaScript"> var time = 5; //时间,秒 var timelong = 0; function diplaytime(){ //时间递减 document.all.his.innerHTML = time -timelong ; timelong ++; } function redirect(){ //跳转页 //history.back(); window.location.href=&qu

js实现页面跳转,纯html实现网页定时跳转

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>登陆页面</title>

Jsp页面跳转和js控制页面跳转的几种方法

Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet.JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递. 但forward()无法重定向至有frame的jsp文件,可以重定向至有

React-Router JS&#25511;&#21046;&#36335;&#30001;&#36339;&#36716;

React-Router JS控制路由跳转 时间: 2016-04-12 15:01:20 作者: zhongxia React-Router 控制路由跳转的方式,目前知道的有两种[Link 链接, 和 JS控制跳转 ] ,但是最常用的就是 用 Link(类似 a 标签),来进行跳转 JS实现方式 由于有时候需要 点击某个标签,或者某一个按钮,来动态的实现页面跳转的地址,这个就需要使用到 JS 来实现 实现的代码很简单 this.props.history.pushState(null, url

Shiro整合SSH开发3:配置Shiro认证后页面地址跳转问题(和详述不配置需要注意的问题)

在视频教程中讲请求认证成功后跳转页面的问题是一笔带过的,但是我觉得有必要单独写一篇对应的文章进行叙述. 我用了SSH来整合Shiro,在开发后验证的过程中,每次登陆后Shiro都会跳转到一个不知名js中,但是重点是我上一次访问的地址是: Edit http://localhost:8080/shiro_05/user/login.action 认证之后应该跳转到上一个请求的地址,但是Shiro却跳转到了: http://localhost:8080/shiro_05/user/js/eqmt.j

JS弹出框、对话框、提示框,JS关闭窗口、关闭页面和JS控制页面跳转

一.JS弹出框.对话框.提示框 //====================== JS最常用三种弹出对话框 ======================== //1弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //2弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { a

JS实现页面跳转的几种方法

要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种:(跳转到b.html)<script language="javascript" type="text/javascript">window.location.href="b.html";</script>第二种:(返回上一页面)<script language="javascript"&

js实现QQ跳转到支付宝APP并领取红包!附:动图demo

前天我在sg开源了js实现微信跳转到支付宝并领红包的代码.https://segmentfault.com/a/11...于是朋友圈开始刷屏,各种套路,各种标题,再附上短链接,引起了很多人的好奇,然后大家开始接单制作这种链接.5-200元一个链接,真的有些人赚到了一点钱. 但是今天(2018-1-6)12点半的时候有很多说,安卓是跳不了了,不是域名被屏蔽,估计是微信做了一些防护措施导致的. 而且还有人问,有没有QQ的,其实QQ也有,我就简简单单做了个demo,QQ现在应该很少人用来做营销做推广了

js实现页面跳转重定向多种方法

分享下js实现页面跳转重定向的几种方式. 第一种: <script language="javascript"type="text/javascript"> window.location.href="http://www.jbxue.com"; </script> 第二种: <script language="javascript"> alert("返回"); wind