一、简介

最近想实现一个页面点击a标签后，新打开标签页显示二维码的功能。

二、实现方式

在做案例说明之前，说一个技能重点 target 属性。

代号	含义
_Blank	打开新的标签页
_Self	自身窗口
_Parent	产生该页面的父级页面
_Top	产生该页面的祖级页面

接下来我们在说实现方式

<a th:text="${productList.product_qrcode}"
th:href="@{'/getNormalQR?qrCode='+${productList.product_qrcode}}"
target="_blank"
></a>

三、测试

html——点击a标签打开新的标签页相关推荐

点击button按钮打开新的标签页
//1.开启新的标签页 <button class="ui button" type="submit" onclick="window.open ...
firefox按住ctrl留在原页面打开新的标签页
fireflox安装 tab mix plus [还是一个很强大的插件,chrome中就没找到这样一个类型的插件,如果有知道的,请告知]后, firefox按住ctrl,留在原页面点击超链接,打开新的 ...
点击a标签时，打开新的标签页
点击a标签时,打开新的标签页首先了解a标签的target属性,它有5个值,分别是: _blank:在新窗口中打开被链接文档. _self:默认.在相同的框架中打开被链接文档. _parent:在父框 ...
在Edge（Chrome内核）中设置使用Google搜索并设置点击搜索结果默认打开新的标签页
1. 找到浏览器设置,打开服务,地址栏与搜索 2.设置如下 3. 然后发现使用Google搜索后默认是覆盖搜索结果而不是打开新的标签页找了半天在浏览器没有找到设置,后来终于发现需要在谷歌搜索引擎处设 ...
HTML点击链接打开新的标签页
1.为<a>标签添加target="_blank"属性 <a href="#" target="_blank">de ...
点击按钮(button)打开新窗口(window)的几种情况
点击按钮(button)打开新窗口(window) 从事前端制作的朋友都有碰到过,需要点击按钮跳转到另外一个页面.只要用到简单的onclick事件就可以简单实现效果. 方式一:在原来的窗口上打开新窗口 ...
谷歌浏览器设置点击链接时打开新窗口
谷歌浏览器设置点击链接时打开新窗口首先确定自己的google版本信息,找到设置,点击关于Chrome 根据我的google版本,设置点击链接打开新窗口点击右边的齿轮按钮,进入快捷搜索设置点击查看 ...
Chrome升级后打开新的标签页变样了……
最近更新Chrome后,打开新的标签页完全变样了,让人不知所措,特别是没有了那个"最近关闭标签页"按钮,这让我抓狂-- PS:Chrome版本号为:29.0.1547.76 m P ...
＜a＞标签打开新窗口
1.使用<a>标签打开新窗口不在本页面打开 target="_blank" <a title="信息展示" href="#&quo ...
[HTML]关于html禁止图片拖动，以及禁止拖动图片时打开新的标签页
[HTML]关于html禁止图片拖动,以及禁止拖动图片时打开新的标签页. //禁止浏览器拖动图片打开新标签页的默认事件document.ondragover = function (e) { e.pr ...

html——点击a标签打开新的标签页

一、简介

二、实现方式

三、测试

html——点击a标签打开新的标签页相关推荐

最新文章

热门文章