首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当用户选择“在新标签中打开”/“在新窗口中打开”而不是用html/javascript点击时,如何访问所需的页面

当用户选择“在新标签中打开”/“在新窗口中打开”而不是用HTML/JavaScript点击时,可以通过以下几种方式访问所需的页面:

  1. 使用超链接:在HTML中,可以使用<a>标签创建一个超链接,并设置target="_blank"属性,这样当用户点击该链接时,页面会在新标签页或新窗口中打开。例如:
代码语言:txt
复制
<a href="http://example.com" target="_blank">访问所需的页面</a>
  1. 使用JavaScript:通过JavaScript的window.open()方法打开一个新窗口,并指定所需页面的URL。例如:
代码语言:txt
复制
window.open("http://example.com");
  1. 使用表单提交:在HTML中,可以创建一个表单,并设置target="_blank"属性,当用户提交表单时,所需页面会在新标签页或新窗口中打开。例如:
代码语言:txt
复制
<form action="http://example.com" method="GET" target="_blank">
  <input type="submit" value="访问所需的页面">
</form>

无论使用哪种方式,用户选择“在新标签中打开”/“在新窗口中打开”时,都可以访问所需的页面。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

新窗口创建问题 | Electron 安全

a 标签和form标签 a标签 target 属性被设置为 _blank 点击标签会创建新窗口 form 标签渲染表达被提交,也会打开新窗口 除此之外 alert 等创建弹窗就不在讨论范畴了...该属性指定在何处显示链接 URL,作为浏览上下文名称(标签、窗口或 iframe) 其实就是,我在当前页面点击了一个 a 标签标签 href 指向是百度地址,你想在哪里看到点击结果,是当前页面呢...还是当前页面的父页面? 还是顶级导航页面,还是干脆打开一个标签/窗口来展示 _self:当前页面加载。(a标签默认) _blank:通常在标签打开,但用户可以通过配置选择新窗口打开。...使用 noopener 决定是否打开浏览上下文,除 _top、_self 和 _parent 以外非空目标名称会像 _blank 一样处理 7) noreferrer 如果设置了此特性,浏览器将省略...小结 从 web 技术对于 window.open 描述以及它相关属性来看其实 window.open 并不等同于打开新窗口,更加准确描述应该是 指定名称将指定资源加载到或已存在浏览上下文

10510

网页制作105个问答

制作网页过程,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们所见即所得HTML工具,都没有注意到这个问题,因为它是默认设置。...21.如何打开一个浏览器窗口并设置窗口属性? 如果你需要在载入站点同时,再打开另一个新窗口,加入以下�爰纯? <!...我们可以打开一个窗口来显示链接内容,但如何定制这个新窗口呢。...图片颜色数很多时,就选择JPG,它压缩比高,GIF适合颜色数少图片。 85.如何在网页上显示访问者系统信息?...部分加入: p { text-indent: 1% }  p 标签HTML文本段落标签,1%为缩进范围 89.如何点击一个链接同时两个frame 内变化?

4.7K20

Link Button 能让用户选择页面打开吗?

标签因为href属性,天然具备导航能力。标签没href,只能在onclick事件JS控制打开页面。2. 用户怎么选择页面打开?...分2种情况,你可以掘金页面试一下:2.1 标签页(tab)打开Command(Mac)/Ctrl(Windows) + 鼠标左键click鼠标中键click鼠标右键click,菜单选择标签打开链接...什么是极致用户体验?一切导航功能,都应该给用户完整新窗口打开能力。只要你按钮会导致页面切换,就应该允许用户1.2提到任意方式,页面打开。4....缺点很明显用户根本无法选择页面or本页面打开,只能接受你实现。用户根本不知道点击按钮后会发生什么。...这些问题解决方案 【划重点】使用a标签href指明要跳转到地方。这样用户可以主动选择页面打开(例如通过右键菜单)。

6.8K171

深入理解浏览器:Chromium 多进程架构详解

渲染进程使用开源布局引擎 Blink 来解释和布局 HTML。 译者注:为了突出“进程”概念,译文中统一使用“浏览器进程”和“渲染进程”。日常表述“浏览器”和“渲染器”更多些。 ?...共享渲染进程 通常,每个新窗口/标签页都会在新进程打开。浏览器进程会创建一个进程,并为它创建一个单独 RenderView。 有时候,有需要/必要在标签页/窗口之间共享渲染进程。...比如,Web 应用程序使用 window.open 打开一个期望与之进行同步通信新窗口,在这种情况下,创建新窗口/标签时候,我们需要复用已打开窗口进程。...目前,我们会显示一个哭脸标签页,以通知用户渲染器已经崩溃。你可以按 reload 按钮重新加载此页面,也可以在此页签打开一个导航。发生这种情况,我们会创建一个新进程。...在内存不足情况下,Windows 会把该段内存转移到磁盘上(不是转移更高优内存),从而保证用户可见程序响应。我们可以对隐藏标签页使用相同策略。

2.7K20

26个你需要学习Firefox配置技巧,改进体验和加快浏览器响应速度

如何访问“about:config” Firefox地址栏输入about:config。 你将会看到警告页面点击“我接受风险!”...标签页将您收藏所有站点组织一个方便网格。...默认值:2 -以Firefox处理新窗口方式打开所有JavaScript窗口,除非JavaScript调用指定如何显示窗口 可以更改值: 0 -以Firefox处理新窗口方式打开所有链接...1 -不要打开任何新窗口 2 -打开所有链接方式,你有Firefox处理新窗口,除非Javascript指定如何显示窗口 14....单击URL栏选择所有文本 Windows和Mac,当你点击URL栏,Firefox会高亮显示所有文本。Linux,它不会选择所有的文本。相反,它将光标放在插入点。

3.6K20

利用 target=_blank 进行前端钓鱼

新窗口打开使任务栏更加地拥挤。 新窗口打开增加浏览器资源消耗。 新窗口打开是后退按钮变得不可用。 用户更加期望新页面在当页载入 ---- 以上,并不是我们讨论重点!...打开窗口,可直接使用 window.opener 来访问来源页面的 window 对象 浏览器提供了完整跨域保护,域名相同时,parent 对象和 opener 对象实际上就直接是上一级 window...对象;域名不同时,parent 和 opener 则是经过包装一个 global 对象。...如果,你网站上有一个链接,使用了 target="_blank",那么一旦用户点击这个链接并进入一个标签标签页面如果存在恶意代码,就可以将你网站直接导航到一个虚假网站。...此时,如果用户回到你标签页,看到就是被替换过页面了。

1.1K20

检测自己网站是否被嵌套在iframe下并从中跳出

末尾放了正在使用完整代码,想直接可以拉到最后。 效果 存在嵌套时会出现一个蒙版和窗口,提示用户点击点击后会在新窗口打开网站页面。...它有3个可选值: DENY:拒绝所有 SAMEORIGIN:只允许同源 ALLOW-FROM origin:指定可用嵌套域名,浏览器已弃 后端检测(以PHP为例) 通过获取$_SERVERHTTP_REFERER...== window.top) { // 检测到嵌套该干的事 } 从嵌套跳出 跳出只能是前端处理,如果使用了PHP等后端检测,可以直接返回前端JavaScript代码,或者HTMLA标签设置转跳...window.open(window.location.href, '_blank'); A标签点击转跳(较为推荐) 发生了用户交互事件,浏览器就不会阻止转跳了,所以这是个不错方法。..., 如果存在嵌套,再使用JavaScript加载蒙版和A标签,引导用户点击

37120

检测自己网站是否被嵌套在iframe下并从中跳出

末尾放了正在使用完整代码,想直接可以拉到最后。效果存在嵌套时会出现一个蒙版和窗口,提示用户点击点击后会在新窗口打开网站页面。...== window.top) { // 检测到嵌套该干的事}从嵌套跳出跳出只能是前端处理,如果使用了PHP等后端检测,可以直接返回前端JavaScript代码,或者HTMLA标签设置转跳。...window.open(window.location.href, '_blank');A标签点击转跳(较为推荐)发生了用户交互事件,浏览器就不会阻止转跳了,所以这是个不错方法。...,再使用JavaScript加载蒙版和A标签,引导用户点击。...var link = document.createElement('a');link.href = 'https://www.9kr.cc';link.target = '_blank'; // 新窗口打开链接

66240

JavaScrtip之JS最佳实践

一、JavaScript之平稳退化 这边使用一个当用户点击某个页面内某个链接弹出一个新窗口案例: JavaScript使用window对象open()方法来创建浏览器窗口; window.open...,所以把url地址传给此函数,这个函数将把新窗口现有文档替换成url地址处文档,不是去新创建一个窗口!...四、JavaScript之合理合并和放置脚本 1.使用JavaScript脚本最佳方式是使用外部文件,因为外部文件能与html标签清晰分离开来,最重要是浏览器也能对站点中多个页面重用缓存过相同脚本...这样可以减少加载页面发送请求数量。减少请求数量通常都是性能优化时首先要考虑!...2.合理合并脚本固然重要,脚本html文档放置位置同样重要,因为每款浏览器都有他"并发请求数",意思是同一间针对同一域名请求有数量限制,超过限制数目后,其余请求会被阻止,如果我们将脚本文件放到

2.1K50

利用 target=_blank 进行前端钓鱼

新窗口打开使任务栏更加地拥挤。 新窗口打开增加浏览器资源消耗。 新窗口打开是后退按钮变得不可用。 用户更加期望新页面在当页载入 ---- 以上,并不是我们讨论重点!...你可能不会注意到这一点,因为焦点位于新窗口恶意页面上,重定向发生在后台。...稀里糊涂把账号密码输进去了~ parent 与 opener 中提供了一个用于父子页面交互对象 window.parent,我们可以通过该对象来从框架页面访问父级页面的...,使用了 target="_blank",那么一旦用户点击这个链接并进入一个标签标签页面如果存在恶意代码,就可以将你网站直接导航到一个虚假网站。...此时,如果用户回到你标签页,看到就是被替换过页面了。

47330

移动web开发需要注意二十点

HTML5标签使用 开始编写webapp,建议前端工程师使用HTML5,放弃HTML4,因为HTML5可以实现一些HTML4无法实现丰富WEB应用程序体验,可以减少开发者很多工作量,...当然了你决定使用HTML5前,一定要对此非常熟悉,要知道HTML5标签作用。...13、iOS如何彻底禁止用户新窗口打开页面 有时我们可能需要禁止用户新窗口打开页面,我们可以使用a标签target=”_self”来指定用户新窗口打开,或者target属性保持空,但是你会发现...iOS用户在这个链接上方长按3秒钟后,iOS会弹出一个列表按钮,用户通过这些按钮仍然可以新窗口打开页面,这样的话,开发者指定target属性就失效了,但是可以通过指定当前元素-webkit-touch-callout...19、如何解决android平台中页面无法自适应 虽然你html和css都是完全自适应,但有一天如果你发现你页面android显示不是自适应时候,首先请你确认你head标签是否包含以下

1.9K20

深入解析HTML标签

Web开发领域中,我们经常听到超链接(hyperlink)这个术语,HTML 标签则是创造这种连接关键。...可以是一个绝对URL(以 http:// 或 https:// 开头)、相对URL(相对于当前页面的路径)或者一个锚点(页面内跳转)。 链接文本: 用户点击可见文本内容。...target属性 指定链接如何在浏览器打开。...值类型如下: _blank: 新窗口标签打开链接。 _self: 在当前窗口中打开链接(默认行为)。 _parent: 父框架打开链接。 _top: 整个窗口中打开链接,忽略所有框架。...无论是链接到外部资源、内部页面,还是通过JavaScript实现交互,都让我们更好地理解并利用这个简单强大HTML元素。构建网页,善用标签,让连接之美在你网站闪耀。

12310

JavaScript学习(一)

HTML添加代码:。 js文件不需要标签,直接编写JavaScript代码即可。...我们可以将JavaScript代码放在html文件任何位置,但是我们一般放在网页head和body部分 1、放在部分 最常用方式就是页面head部分放置元素,浏览器解析...注意:JavaScript作为一种脚本语言可以放在HTML页面任何位置,但是浏览器解析html是按先后顺序,所以前面的script就先被执行,比如进项页面显示初始化js就必须放在head里面。...当用户点击“确定”按钮,返回true,当用户点击“取消”按钮,返回false。 注意:在用户点击消息对话框前,不能进行任何其它操作。...JavaScript-打开新窗口 open()方法可以查找一个已经存在或者新建浏览器窗口。

3.3K30

javaScript基础最全 最精美 不好打我好吧

HTML如何使⽤JavaScript(三种) 1 使⽤ 标签 ? 2 外部 JavaScript: ? 3内联JavaScript处理器: ?...onclick 当用户点击某个对象时调用事件句柄。 ondblclick 当用户双击某个对象时调用事件句柄。 onerror 加载文档或图像发生错误。...onreset 重置按钮被点击。 onresize 窗口或框架被重新调整大小。 onselect 文本被选中。 onsubmit 确认按钮被点击。 onunload 用户退出页面。...: window.open(url,target,param) url 要打开地址 target新窗口位置 _blank _self _parent(父框架) param 新窗口一些设置...History 对象 History 对象包含用户浏览器窗口中)访问 URL。 可通过 window.history 属性对其进行访问

1.3K30

WEBAPP开发技巧总结

开始编写webapp,哥建议前端工程师使用HTML5,放弃HTML4,因为HTML5可以实现一些HTML4无法实现丰富WEB应用程序 体验,可以减少开发者很多工作量,当然了你决定使用...HTML5前,一定要对此非常熟悉,要知道HTML5标签作用。...13、iOS如何彻底禁止用户新窗口打开页面 有时我们可能需要禁止用户新窗口打开页面,我们可以使用a标签target=”_self“来指定用户新窗口打开,或者target属性保持空,但 是你会发现...iOS用户在这个链接上方长按3秒钟后,iOS会弹出一个列表按钮,用户通过这些按钮仍然可以新窗口打开页面,这样的话,开发者指定 target属性就失效了,但是可以通过指定当前元素-webkit-touch-callout...19、如何解决android平台中页面无法自适应 虽然你html和css都是完全自适应,但有一天如果你发现你页面android显示不是自适应时候,首先请你确认你head标签是否包含以下

1.9K20

JSP 防止网页刷新重复提交数据

注意,这种方法清除是最后一个访问历史记录,不是全部访问记录。 点击后退按钮,再点击后退按钮,你可以看到这时打开是本页面之前页面!...它强制浏览器重新访问服务器下载页面不是从缓存读取页面。使用这种方法,编程者主要任务是创建一个会话级变量,通过这个变量确定用户是否仍旧可以查看那个不适合通过后退按钮访问页面。...另外一种禁用后退按钮办法是客户端JavaScript打开一个没有工具条窗口,这使得用户很难返回前一页面,但不是不可能。...一种更安全但相当恼人方法是,表单提交打开一个窗口,与此同时关闭表单所在窗口。但我觉得这种方法不值得认真考虑,因为我们总不能让用户每提交一个表单就打开一个新窗口。      ...另外还要注意,这种方法清除是最后一个访问历史记录,不是全部访问记录。         点击上面的链接,你将打开一个简单HTML页面

11.5K20

解读selenium webdriver

driver.current_window_handle 切换窗口或标签 点击一个新窗口打开链接会将新窗口标签页集中屏幕上,但WebDriver不会知道操作系统认为哪个窗口是活动。...要使用新窗口,您需要切换到新窗口。如果你只打开了两个标签页或窗口,并且你知道你从哪个窗口开始,通过消除过程,你可以WebDriver能看到两个窗口或标签页上循环,并切换到不是原来那个窗口。.../标签页、切换 创建一个窗口(或)标签,并将新窗口标签集中屏幕上。...您不需要切换就可以使用新窗口(或)标签页。如果你有两个以上窗口(或)标签页被打开不是新窗口,你可以WebDriver可以看到两个窗口或标签页上循环,并切换到不是原来那个窗口或标签页。...当你完成一个窗口或标签操作,并且它不是浏览器中最后一个打开窗口或标签,你应该关闭它,并切换回之前使用窗口。

6.5K30

JavaScript(14)

打开和关闭窗口 JavaScript打开和关闭窗口,这是很常见一种操作。...绿叶学习网JavaScript在线测试工具点击“调试代码”按钮,就会打开一个窗口,并把HTML文档输出到页面中去。...1、JavaScript打开窗口 JavaScript,我们可以使用window对象open()方法来打开一个新窗口。...窗口名称:指的是window对象名称,可以是a标签或form标签target属性值。如果指定名称是一个已经存在窗口名称,则返回对该窗口引用,不会再打开一个窗口。...下面举几个常用窗口打开例子: (1)打开一个新窗口: window.open("http://www.lvyestudy.com","",""); 上面是打开一个新窗口,并且新窗口加载绿叶学习网首页

49520

浅淡HTML5移动Web开发

除了link标签能够进行媒体查询,是不是还有其它呢,答案是Yes 。htmlmeta标签,此前我们常用应该是这个 ? 但是现在我们要说不是这个,而是这个: ?...,当然单位是rem,这样参考对象才会永远是html不是父元素,需要变化时候,只需改变html大小其他元素都会相应变化,方便极了。...3、HTML5新增标签html5新增量很多标签,加强连html标签语义化,如 ?...(5)、iOS可禁止用户新窗口打开页面 项目开发,有时我们需要某个链接在当前页面打开,这样需要禁止用户新窗口打开页面,我们可以使用a标签target=”_self”指定在当前页面打开,但是iOS...中长按链接一段时间后,系统会弹出一个对话框,用户可以通过点击页面打开”来新窗口打开页面,这样我们指定target属性就失效了,但是可以通过指定当前元素-webkit-touch-callout

2.4K50

不用React Vue,只用原生JS,如何开发单页面应用?

以前我们访问网页,每个页面是一个html文件。点击某个超链接,就跳转到html页面。每次浏览器访问html,需要重新下载整个html文档、JS和CSS依赖,才能展现出整个页面。这个效率很低。...每当用户点击超链接,准备切换页面,通过history API使浏览器更新URL不必重新下载html文档,然后JS只要把现有的页面卸载(隐藏),再把内存东西展示出来即可。...以上是一些最基本难题,如果你要追求极致用户体验,还需要解决下面的难题:标签导航,需要借助href属性,给予用户新窗口打开链接权利。当用户切换路由,如果发生了临界事件,要能够做好兼容。...1、定义多个页面每个页面是由HTML+JS+CSS组成。每个页面需要对应一个路由。我说一下我游戏《Dice Crush》做法。它有3个页面:主页、选择关卡页面、游戏页面。...如果用户是鼠标中键按下a标签、或者用户同时按下了Ctrl(Windos)、Command(Mac)、Shift,那么他应该期望是新窗口打开,我们使用href原生行为即可。

9.1K51
领券