html:打开新的页面

在html页面中,打开一个新的页面,有两种方式:

一、利用超链接

<a href="newurl">新页面</a>

上面代码添加了一个新链接,点击链接时会打开newurl对应的页面。

注意这种情况下,新的页面会在原页面的浏览器窗口(或tab标签页)上显示,前面页面会被覆盖。

如果需要在一个新的浏览器窗口(或新的标签页)打开新的url,应该采用如下的写法。

<a href="newurl" target="_blank">新页面</a>

这样每次点击链接,都会打开一个新的窗口来显示新页面。

还有一种需求,如果希望点击链接,打开一个新的窗口,但又不需要每次链接都打开一个,而是第一次打开一个新的窗口后,后续再点击链接,就一直在上次打开的那个窗口上显示。这时这样写。

<a href="newurl" target="xxxx">新页面</a>

上面的xxxx是代表新窗口的name名(在js代码中能被使用),可以是任意的合法标识符。

二、利用js代码调用window的open方法

代码如:

window.open("newurl");

注意,上面的方式会在一个新的窗口打开新页面。

如果希望在原窗口打开,写法如下

window.open("newurl",target="_self");

如果希望只是第一次调用在新窗口打开,后续在上次打开的打开,写法如下

window.open("newurl",target="xxx");  //xxx是新窗口的name属性值

时间: 2024-11-04 15:45:27

html:打开新的页面的相关文章

从一个页面打开新窗口页面,当关闭新窗口页面时,刷新原本的页面的一个方法

开发中从一个页面打开新窗口页面,当关闭新窗口页面时,需要刷新原本的页面,找到了如下方法: A页面中: <a target="_blank"  href="B.aspx"></a> B页面中: <input type="button"  value="关闭" onclick="Close();" /> <script type="text/javascrip

打开新的页面

1.window.open(URL,name,specs); URL:打开页面的URL,没有指定URL将打开新的空白窗口 name:_blank 新窗口打开,默认 _self 当前页面打开 name 窗口名称 ...... specs:一个逗号分隔的项目列表.支持以下值: height=pixels 窗口的高度,最小值为100 width=pixels 窗口的宽度,最小值为100 left=pixels top=pixels ...... 示例 window.open('','','width=

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

Response.Write 打开新窗口

Response.Write 打开新窗口 string url=" XXX.aspx?aaa="+bbb"; Response.Write(" <script type='text/JavaScript'>window.open('" + url + "','_blank'); </script>"); Response.Write(" <script type='text/JavaScript'

window open 弹出窗口 和 同一窗口下打开新标签页

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="https://www.baidu.com/" class ="popup">

sharepoint 2013 自定义列表查看页面附件打开新页面方法 dispform attachments open new page

我们在sharepoint的列表中,打开某一条数据,如果那条数据有附件,打开附件的时候,总是会把当前的页面给替换掉.如何在点击附件的时候,打开新页面,可以用一下一段脚本来处理. <script> $(document).ready(function () { if ($("#idAttachmentsTable") != null) { $('#idAttachmentsTabletbody tr td').each(function () { var href = $(t

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

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

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

JS以POST方式打开新页面

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