HTML打开一个链接的时候如何不跳转新窗口直接在内嵌页面展示?

HTML打开一个链接的时候如何不跳转新窗口直接在内嵌页面展示?,第1张

是有 iframe 吗  iframe起名字   a链接target 等于iframe名字

<a href="./face/demo.html" target='obj'>链接</a>

<br>

<iframe src="./face/index.html" name="obj" frameborder="0"></iframe>

请点击输入图片描述

打不开是因为你的href属性设置错了。href应该为要跳转的链接比如<a href="https://www.baidu.com"

data-view=".view-main"><img src="images/icons/green/users.png"

alt="" title="" /><span>我的名字</span></a>

文中已经详细注释啦,你可以直接复制代码到编辑器中预览就行啦。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style>

button a{

text-decoration: none /* 去除a标签的下划线 */

color:#000 /*颜色设置为黑色*/

}

button{

border:1px solid #ccc/*设置button的边框*/

outline:none /*去除button的外边框*/

padding: 9px /*设置button的内边距*/

}

button:hover{

background-color:#8ac007/*鼠标移入,改变button背景颜色*/

transition:background 0.5s/*给改变背景颜色设置过过渡属性,颜色为0.5秒*/

}

button:hover a{

color: #fff/*鼠标移入,改变button中a标签的颜色*/

}

</style>

</head>

<body>

<!-- 你可以把a标签放在button内,这样就可以跳转了 -->

<button>

<a href="Raven2.html">点击跳转到index</a>

</button>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7609294.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存