html 点击A链接直接跳转到B链接的页面 html怎么写

发布网友发布时间：2022-04-23 05:10

共6个回答

热心网友时间：2022-04-19 07:42

<body style="background-color: #F0F8FF; font-family: 微软雅黑;">
<div id="shi" style="width: 100%;">
<table style="width: 100%; height: 100%; border-collapse: collapse;">
<tr>
<td style="text-align: right; width: 100%; height: 95px; vertical-align: top; border-collapse: collapse; background-image: url(../Images/长图.png);" colspan="2">
<p style="margin-top:20px;margin-right:140px;"><label id="HuanYinren"></label></p>
<input type="button" class="button" value="修改密码" onclick="XiaoGeiMinMa();" style="color: #F0F8FF; font-size: 16px; font-family: 微软雅黑; margin-right: 10px;" />
<input type="button" class="button" id="zhucejinyong" value="注册用户" onclick="ZhuCheYongHu();" style="color: #F0F8FF; font-size: 16px; font-family: 微软雅黑; margin-left: 20px; margin-right: 10px;" />
<input type="button" class="button" value="退出系统" onclick="Tuchu();" style="color: #F0F8FF; font-size: 16px; margin-top: 10px; font-family: 微软雅黑; margin-left: 20px; margin-right: 10px;" />
</td>
</tr>
<tr>
<td style="text-align: right; width: 100%; height: 40px; vertical-align: top; border-collapse: collapse; background-image: url(../Images/横图.png); vertical-align: middle;" colspan="2">
<ul>
<li class="caidan" id="zzygxx" onclick="JianMian(this);">
<img src="../Images/在职.png" />在职员工信息展示</li>
<li class="caidan" id="lzygxx" onclick="JianMian(this);">
<img src="../Images/离职.png" />离职员工信息展示</li>
<li class="caidan" id="xzygxx" onclick="JianMian(this);">
<img src="../Images/添加.png" />新增员工信息</li>
<li class="caidan" id="xlkzd" onclick="JianMian(this);">
<img src="../Images/字典.png" />下拉框字典</li>
</ul>
<p style="padding-top:10px;padding-right:15px;"><label id="WeiZhi">当前位置：人事管理系统--->在职员工信息展示</label></p>
</td>
</tr>
<tr>
<td style="width: 100%; height: 100%; text-align: center">
<iframe id="ymzh" title="x" style="width: 100%; height: 100%;" scrolling="auto" frameborder="0"></iframe>
</td>
</tr>
<tr>
<td style="width: 100%; height: 35px; text-align: center; background-image: url(../Images/公司.png)">北京华博创科数据科技有限公司
</td>
</tr>
</table>
</div>
<script type="text/javascript">
function diyige() {
var ids = location.search.substring(4);
ymzh.src = "hetongxinxi.html?id=" + ids;
}
diyige()
function JianMian(shi) {
if (shi.id == "zzygxx") {
var ids = location.search.substring(4);
ymzh.src = "hetongxinxi.html?id="+ids;
WeiZhi.innerHTML = "当前位置：人事管理系统--->在职员工信息展示";
} else if (shi.id == "xzygxx") {
ymzh.src = "HtmlPage1.html";
WeiZhi.innerHTML = "当前位置：人事管理系统--->新增员工信息";
} else if (shi.id == "lzygxx") {
ymzh.src = "yilixinxi.html";
WeiZhi.innerHTML = "当前位置：人事管理系统--->离职员工信息展示";
} else if (shi.id == "xlkzd") {
ymzh.src = "Zidian.html";
WeiZhi.innerHTML = "当前位置：人事管理系统--->下拉框字典";
}
}
function XiaoGeiMinMa() {
var ids = location.search.substring(4);
ymzh.src = "xiugaimima.html?id=" + ids;
WeiZhi.innerHTML = "当前位置：人事管理系统--->修改密码";
}
function ZhuCheYongHu() {
ymzh.src = "zhuceyonghu.html";
WeiZhi.innerHTML = "当前位置：人事管理系统--->注册用户";
}
function BIanJinSe(liebiao) {

热心网友时间：2022-04-19 09:00

跳转链接的写法如下：
<a href="b.html">这是A链接</a>
注释：<a>标签：超链写法；
<a>点击a标签之间的内容会跳转到 href 对应的内容，这里对应的是b.html</a>，
综上所述：点击“这是A链接”就会跳转到b.html页面

热心网友时间：2022-04-19 10:35

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>跳转</title>
</head>

<body>
  <a href="b.html">A链接</a>
</body>
</html>

热心网友时间：2022-04-19 12:26

<a href="b.html">跳转到B页面</a>

热心网友时间：2022-04-19 14:34

热心网友时间：2022-04-19 16:59