打开新连接的方式

打开新连接的方式有四种:

1.在当前页打开,可前进后退:

HTML:<a href="http://www.baidu.com">在当前窗口打开,可后退</a>

js:  window.open("href","target");

一:Javascript中创建一个函数

function openUrl(){

     //在当前浏览器中打开target=_self

       window.open("www.baidu.com","_self");

}

   二:在body中写一个标签a

<a href="javascript:openUrl()">在当前窗口打开,可后退</a>

2.在当前页打开,不可后退:

  history:记录当前窗口本次打开后成功访问过的URL的历史纪录栈

  history.go(-1):相当于点击一次后退按钮

  history.go(0):相当于点击一次刷新按钮

  history.go(1):相当于点击一次前进按钮

  location:当前窗口正在打开的url对象(地址栏)

  Location.replace("www.baidu.com");

js:

一:Javascript中创建一个函数

function openUrl(){

     //在当前浏览器中打开target=_self

       window.replace("www.baidu.com");

}

   二:在body中写一个标签a

<a href="javascript:openUrl()">在当前页打开,不可后退</a>

3.在新窗口打开,可重复打开

  HTML:<a href="http://www.baidu.com" target="_blank">在当前窗口打开,可重复打开</a>

  js:

一:Javascript中创建一个函数

function openUrl(){

     //在当前浏览器中打开target=_self

       window.open("www.baidu.com","_blank");

}

   二:在body中写一个标签a

<a href="javascript:openUrl()">在当前窗口打开,可后退</a>

4在新窗口打开,不可重复打开

在内存中,窗口有一个唯一的Name

  浏览器规定:同名窗口,只能打开一个,后开的会覆盖新窗口

  其实target后面的属性值就是窗口名,可自定义窗口名,显示在内存中

  HTML:<a href="http://www.baidu.com" target="baidu">在新窗口打开,不可重复打开</a>

  js:

  一:Javascript中创建一个函数

function openUrl(){

     //在当前浏览器中打开target=_self

       window.open("www.baidu.com","baidu");

}

   二:在body中写一个标签a

<a href="javascript:openUrl()">在当前窗口打开,可后退</a>

时间: 2024-12-13 14:23:58

打开新连接的方式的相关文章

JS以POST方式打开新页面

场景:前置的查询页面,选择查询条件后提交到另一个页面. 方式很多,列出我知道的几种 1.window.open. 2.Response.Redirect. 3.Server.Transfer. 方法一和方法二都存在同样的问题,因为是get方式提交的,所以提交的数据都会显示URL中,一个是安全问题,另外一个是URL长度限制,在IE中,URL最大长度为2083.所以数据量过多时会导致数据丢失. 于是考虑到通过POST方式传递参数. /* *功能: JS跳转页面,并已POST方式提交数据 *参数: U

ajax请求响应中用window.open打开新窗口会被浏览器拦截的解决方式

一.问题描述 ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是会被浏览器给拦截了,需要用户点下. 二.问题分析 浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了,即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所以被拦截. 说明: 1.如果是在 <a href="javascri

js 打开新窗口方式

之前的项目,有个功能是下载文件,这里只要在浏览器输入 url 就会下载那个文件了.当时我只是简单得使用 window.open ,但是却会被浏览器进行拦截,要手动开启才行,然后就搜索研究其他方法,就看到各种各样的,通过 js 打开新窗口的方法了,这里就总结一下 解决下载功能 这里就先说解决下载功能的方法,通过同事的提醒,改用 iframe 进行处理,直接对 iframe 的 src 进行赋值,就会自动进行下载文件了,不过,如果后端在 response header 设置了某个头部,就会报错了:x

asp.net中打开新窗口的多种方法(转载)

asp.net中打开新窗口的多种方法 1.Response.Redirect("XXX.aspx",true)——直接转向新的页面,原窗口被代替; 2. Response.Write("<script>window.open(XXX.aspx'',''_blank'')</script>")——原窗口保留,另外新增一个新页面; 3.Response.Write("<script>window.location=XXX.a

Web设计中打开新页面或页面跳转的方法

一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;);</script>&quo

html:打开新的页面

在html页面中,打开一个新的页面,有两种方式: 一.利用超链接 <a href="newurl">新页面</a> 上面代码添加了一个新链接,点击链接时会打开newurl对应的页面. 注意这种情况下,新的页面会在原页面的浏览器窗口(或tab标签页)上显示,前面页面会被覆盖. 如果需要在一个新的浏览器窗口(或新的标签页)打开新的url,应该采用如下的写法. <a href="newurl" target="_blank"

JS location.href跳出框架打开新页面

后面在框架中,当判断登录失效后要返回登录页面,但登录页面却在框架内打开,我想让它直接跳出框架打开,这里不是打开新窗口. echo "<script language=\"javascript\">alert('登录已失效或没有登录,请登录!');location.href='login.php';</script>";原内容是上边这样的,要想让它跳出框架打开登录页,方法:echo "<script language=\&quo

html点击链接打开新窗口

html标记中格式为<a href="url"> text </a> 此时,内容在原来窗口呈现,如果想新开窗口,可以采用下列方式. 1. <a href="http://www.baidu.com/" onclick="window.open( this.href, '_blank', 'scrollbars=0,sesizebar=0,sesizeable=0,width=300' );return false"&

Web设计中打开新页面或页面跳转的方法 js跳转页面

Web设计中打开新页面或页面跳转的方法 一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;)