简单的CSS在页面中点击超链接跳转新的页面

点击超链接后，重新打开一个新的网页，不是在原本的网页进行跳转。

打开创建的网页

  a{/* 去除超链接的下划线 */text-decoration: none;}</style>
</head>
<body><div>点击一下试试<br><!--     跳转到 百度网址--><a href="http://www.baidu.com" target="_blank">超链接，在新的页面中打开百度。</a></div>

上面是参考代码，主要是添加 target="_blank

给超链接添加target="_blank"属性

就可以跳转到新的一个页面。

其中target=还有其他属性值。其它用法不多，了解即可。

Target属性self的作用

作用：这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。（在相同的框架中打开被链接文档）

用法：<a herf=“http://www.baidu.com” target=”_self”>跳转</a>

Target属性parent的作用

作用：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。（在父框架集中打开被链接文档）

用法：<a herf=”http://www.baidu.com” target=”_parent”>跳转</a>

Target属性top的作用

作用：这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口（在整个窗口中打开被链接文档）

用法：<a herf=”http://www.baidu.com” target=”_top>跳转</a>

简单的CSS在页面中点击超链接跳转新的页面相关推荐

小程序通过web-view访问的vue页面中点击无法跳转到小程序相关问题
问题描述: 点击小程序中的一个按钮或者一个banner图片,通过小程序web-view组件到进入一个vue的页面中,在该vue页面中点击图片无法按照要求回到指定的小程序中,点击操作没有任何反应. 解决 ...
jsp超链接中怎么跳转页面跳转页面_在页面点击超链接跳到别的页面，方法是什么？...
这个是后台做了路由的,他们跳转的位置并不是你所看到的这个页面,而且是这个页面的模板页为了提供初始化参数,对servlet或JSP页面定义一个定制URL或分配一个安全角色,必须首先给servlet或J ...
html弹框确定后才跳转链接,怎么用div弹出一个确认页面,点击确定跳到另外一个页面,取消则div隐藏...
满意答案 ww252378666 2013.10.15 采纳率:43% 等级:12 已帮助:6809人你看下,是不是想要的如下效果: 查看请点退出按钮: 后台管理系统APP专业版 functi ...
MyEclipse导入主题文件epf后xml及jsp等页面中点击标签之后显示灰白
MyEclipse导入主题文件epf后xml及jsp等页面中点击标签之后显示灰白,症状如下: 解决方案如下:
CSDN博文中实现点击文字超链接跳转新页面
实现超链接跳转新页面的方式 1.CSDN中的编辑器自带的超链接操作使用编辑器上方工具栏中的超链接工具,点击超链接按钮,之后输入需跳转的网址就会生成一段这样的格式:[里面是内容](里面是网址),中括号 ...
Java swing简易浏览器（其一）页面显示，超链接跳转与手动输入URL跳转
[Java swing简易浏览器(其一)页面显示,超链接跳转与手动输入URL跳转] [Java swing简易浏览器(其二)前进后退与收藏夹实现] [java swing 简易浏览器(其三)下载器,智 ...
ios开发跳转safari_阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页
最近为了更好地接触移动Web 开发狠心购买了一台ipad mini(之前一直都是借同学的,借多了就不好意思了).拿来调试DeveMobile 与EaseMobile 主题时候发现了不少问题,现在在一 ...
html session 登录页面跳转页面跳转页面,session失效后跳转到登陆页面
一.编写Filter拦截器类 package com.pv.utils; import java.io.IOException; import java.io.PrintWriter; import ...
asp.net 页面中点击按钮后无反应的解决方法
在使用Asp.net开发BS应用程序的时候,我们经常会用到.net自带的验证控件,所以也会碰到如下情况,在表单中输入内容后,无论内容是否合法,点击按钮后,页面都不会执行提交动作(页面无任何反应),这种 ...

简单的CSS在页面中点击超链接跳转新的页面

简单的CSS在页面中点击超链接跳转新的页面相关推荐

最新文章

热门文章