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

 我来答
葬花死神翔帆
2016-01-08 · TA获得超过575个赞
知道小有建树答主
回答量:269
采纳率:100%
帮助的人:48.7万
展开全部
<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 = "yilizhixinxi.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) {
帐号已注销
2016-01-19 · TA获得超过508个赞
知道小有建树答主
回答量:195
采纳率:66%
帮助的人:49.8万
展开全部
跳转链接的写法如下:
<a href="b.html">这是A链接</a>
注释:<a>标签:超链写法;
<a>点击a标签之间的内容会跳转到 href 对应的内容,这里对应的是b.html</a>,
综上所述:点击“这是A链接”就会跳转到b.html页面
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
师出无名肿么了
2014-12-06 · TA获得超过134个赞
知道小有建树答主
回答量:172
采纳率:0%
帮助的人:112万
展开全部
<!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>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
断墨的笔在考场
2015-11-11 · TA获得超过215个赞
知道小有建树答主
回答量:224
采纳率:0%
帮助的人:117万
展开全部
<a href="b.html">跳转到B页面</a>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
33天
2015-11-19 · TA获得超过104个赞
知道答主
回答量:124
采纳率:0%
帮助的人:48.6万
展开全部
<a href="https://www.baidu.com/">百度</a>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式