首页 > 其他分享 >js中无需点击就可以实现页面跳转

js中无需点击就可以实现页面跳转

时间:2023-04-13 11:34:58浏览次数:60  
标签:对象 代码 xx js window location 跳转 页面

js中无需点击就可以实现页面跳转

第一种:
复制代码 代码如下:

<script language="javascript" type="text/javascript">
window.location.href="xx.jsp?backurl="+window.location.href;
</script>

第二种:
复制代码 代码如下:

<script language="javascript">
alert("返回");
window.history.back(-1);
window.history.go(-1);
</script>

第三种:
复制代码 代码如下:

<script language="javascript">
window.navigate("xx.jsp");
</script>

第四种:
复制代码 代码如下:

<script language="JavaScript">
self.location='xx.htm';
</script>

第五种:
复制代码 代码如下:

<script language="javascript">
alert("非法访问!");
top.location='xx.jsp';
</script>

总结:

self:当前窗口对象(如果是在iframe里,则为该框架的窗口对象)

top:父窗口对象

window:典型情况下,浏览器会为每一个打开的html创建对应的window对象,如果这个文档包含了多个框架,则浏览器会为原始文档建立一个window对象,再为每个框架创建额外的window对象。可以再当前窗口中直接使用window的全部属性、方法和集合,即不需要在前面附加计算结果为当前window对象的表达式。虽然window可以省略,但是为了方便阅读以及避免一些漏洞,一般都使用这个关键字。
location:该对象包含当前url信息,拥有多个属性。默认属性为 location.href,表示整个url,即如果设置location="https://www.jb51.net",则等同于location.href="https://www.jb51.net".self:当前窗口对象(如果是在iframe里,则为该框架的窗口对象)

window.navigate("http://xx.html/") 这个方法是只针对IE的,不适用于火狐等其他浏览器,在HTML DOM Window Object中,根本没有列出window.navigate这个方法,所以这个方法尽量少用。
window.location 属性是兼容所有浏览器的。因此在实现页面跳转的时候这个比较常用。
window.history.go(-1)是返回上一页
window.location.go(-1) 是刷新上一页

标签:对象,代码,xx,js,window,location,跳转,页面
From: https://www.cnblogs.com/baozhengrui/p/17312868.html

相关文章

  • js 计算时间范围的时间差(只计算工作日,不计算周六周日,精确到天)
    直接上demo代码和截图btnClick(){ varoneDay=1000*60*60*24; vardays=0; //dates是一个时间范围,startDate是时间范围的开始时间,endDate是结束时间 varstartDate=this.dates[0]; varendDate=this.dates[1]; if(endDate.getTime()>0&&startDate.g......
  • Vue.js 独享路由守卫
    视频独享守卫:beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){//判断当前路由是否需要进行权限控制 if(localStorage.getItem('school')==='atguigu'){ next() }else{ alert('暂无权限查看') //next(......
  • 【BUG】ExtJS 的Tab Reorder 插件持续更新布局问题解决办法 (Solution to layout issue
    更新记录2023年4月13日初始化。ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html问题不停的拖动tab栏,会不断更新布局。Draggingthetabbarcontinuouslywillupdatethelayoutconstantly.解决办法进入ExtJS包,打开ux目录下的BoxReorderer.js文件,找......
  • a标签的拨号和跳转到页面指定地方
    1.a标签拨号<ahref="tel:136********">联系我们</a>2.a标签跳转到页面指定地方(页面1跳转时添加"#"和页面2指定地方的id,):页面1代码<ahref="b.html#zhidin"></a>页面2代码<divid="zhidin">指定的地方</div>......
  • js 判断是否为 IE 通过事件关闭新打开的浏览器窗口
    //必须通过target="_blank"打开新窗口才可关闭if(window.ActiveXObject||"ActiveXObject"inwindow){//iewindow.location.href="about:blank";//为兼容IE作此修改window.close();}else{wi......
  • vscode如何设置HTML/CSS/JS保存后自动格式化?
    具体操作:点击小齿轮,选择设置按钮  第二步:点击右上角按钮,进入设置页面  第三步:粘贴自动保存的js代码!  "editor.formatOnType":true,"editor.formatOnSave":true, ......
  • 好奇心驱使下试验了 chatGPT 的 js 代码的能力
    手边的项目中有个函数,主要实现图片分片裁剪功能。可以优化一下。也想看看chatGPT的代码理解能力,优化能力,实现能力,用例能力。于是有了这篇文章。实验结果总结:chatGPT确实强大,提供的答案可以借鉴,但不能完全依赖,需要你自行判断是否正确当你需要一个纯函数时,可以考虑使用。......
  • js字符串转base64
    js字符串转base64原文链接:https://blog.csdn.net/qq_40666120/article/details/120146906字符串转base64functionencode(str){ //对字符串进行编码 varencode=encodeURI(str); //对编码的字符串转化base64 varbase64=btoa(encode); returnbase64;}1234567......
  • JavaScript 数组字符串转换Json格式
    JavaScript数组字符串转换Json格式//滔Roy2023.04.13functionparseStringToArray(str){//尝试将字符串解析为JSON格式try{constarr=JSON.parse(str);//如果解析成功,则直接返回解析结果if(Array.isArray(arr)){returnarr;}}......
  • JS字符串转base64格式
    JS字符串转base64格式原文链接:https://www.cnblogs.com/liu-fei-fei/p/7251105.htmlvarBase64={//privateproperty_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",//publicmethodforencodingencode:functi......