【Web前端基础】HTML怎么链接到另一个页面_HTML5

1条回答

2楼 · 2020-11-13 09:50

如果你指的是请求该页面后进行跳转，而在HTML中实现时可以使用JS语句：
或直接使用redirect("XX.html")语句也可以实现。
如果你是指的一个网页中链接另一个HTML内容的话，一般在HTML中是用框架集实现或是用用来显示。但这种情况只是一个结合，也就是说它还是完全的两次请求。<br>如果是一个连接，可以使用这样的方式：<br>的格式。如果是图片或其他的东西想点击后转向另一个HTML时可以使用句柄实现:<br>onclick="[removed][removed].href='XX.htm';"等方式实现。</p><p><br></p> <div class="appendcontent"> </div> </div>  <div class="tool-group">  <div class="cdn_question_answer78386"></div> <script type="text/javascript"> getquestioncaozuo(5,31076,78386); </script> </div> </div> </div> <div class="comments-mod " style="display: none; float: none; padding-top: 10px;" id="comment_78386"> <div class="areabox clearfix"> <div class="input-group"> <input type="text" placeholder="请输入评论内容，不少于5个字" AUTOCOMPLETE="off" class="comment-input form-control" name="content" /> <input type='hidden' value='0' name='replyauthor' /> <span class="input-group-btn"><input type="button" value="评论" class="btn btn-green" name="submit" onclick="addcomment(78386);" /> </span> </div> </div> <ul class="my-comments-list nav"> <li class="loading text-left"><img src='http://www.shouhuola.com/static/css/default/loading.gif' align='absmiddle' /> 加载中...</li> </ul> </div> </div> <div class="pages"></div> </div> </div> <div></div> </div>  <div class="cdn_question_invate"></div> <script type="text/javascript"> getquestioncaozuo(7,31076); </script>  <div class="new_xgwt"> <h3>相关问题推荐</h3>  <ul><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31359.html" target="_blank">【Web前端基础】html5新特性有什么</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-11-26 10:04</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>15</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">1. 新的Doctype 尽管使用，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素用和来语义化地表示带标题的图片 < style> This is an image of something interesting. 3. 重新定义的已经被重新定义了，现在被用来表示小的排版，如网站底部的版...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31358.html" target="_blank">【Web前端基础】html5和html的区别是什么</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-11-26 10:04</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>15</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">H5和HTML5的区别主要有三个：1、文档声明区别HTML：超文本标记语言，一种纯文本类型的语言。HTML5.0：文档声明HTML5方便书写，精简，有利于程序员快速的阅读和开发。2、结构语义区别html：没有体现结构语义化的标签，如：html5：添加了许多具有语义化的标签，...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31173.html" target="_blank">【Web前端基础】html链接字体的颜色设置</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-11-17 09:59</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>10</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">在源代码的和之间加上如下的CSS语法控制：</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31144.html" target="_blank">【Web前端基础】html锚点链接怎么设置</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-11-16 10:18</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>5</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">锚点链接的语法：意思是在网页中的某一个位置，插入一个锚点显示的字样意思是在网页中的某一个位置链接之前设定的锚点，只要点击该链接，就会自动跳转到锚点处。</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31143.html" target="_blank">【Web前端基础】HTML链接下划线如何去掉</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-11-16 10:17</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>7</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">可以用css中 text-decoration：none来去掉超链接的下划线。a {text-decoration: none} 这是一个链接</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31077.html" target="_blank">【Web前端基础】HTML链接css的方式都有什么</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-11-13 09:34</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>5</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">css文本的链接方式有三种：分别是内联定义、链入内部css、和链入外部css</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31071.html" target="_blank">【Web前端基础】html怎么加图片</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-11-12 10:50</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>17</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">html添加图片的方法如下：1、打开html软件。2、导入项目。3、找到要添加图片的位置。4、写【imgsrc=图片路径】即可。</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30892.html" target="_blank">【Web前端基础】HTML图片怎么居中对齐</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <a href="http://www.shouhuola.com/tags/question/htmlmoban.html" target="_blank"><em>HTML模板</em></a> <i>2020-11-05 10:16</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>9</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">html图片对齐主要用text-align属性来控制：text-align的值主要又分为：left左对齐，center居中对齐，right靠右对齐。</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30891.html" target="_blank">【Web前端基础】HTML图片显示不出来怎么办</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <a href="http://www.shouhuola.com/tags/question/htmljiemiankuangjia.html" target="_blank"><em>HTML5界面框架</em></a> <i>2020-11-05 10:16</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>8</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">你没有设置好，具体解决方法如下。输入如下代码：width表示宽度height表示高度下图所示，我将图片的宽和高通通缩小，可以看到，图片的尺寸果然按照我的意愿进行了改变。</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30879.html" target="_blank">如何实现form表单的居中显示</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-11-04 19:38</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>3</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">form表单没有布局作用，需要在form外层嵌套div实现：</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30736.html" target="_blank">【Web前端基础】HTML图片大小怎么设置</a><a href="http://www.shouhuola.com/tags/question/htmlyufa.html" target="_blank"><em>HTML语法</em></a> <a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-10-30 09:38</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>13</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">html插入图片有两种方式：一种是通过标签插入的正常的图片，另一种是通过>< style>问题分析：1、首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。2、如果你插入的图片是通过标签的方式来插入的话，可以通过自身的属性...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30735.html" target="_blank">【Web前端基础】HTML文本格式化是什么意思</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <a href="http://www.shouhuola.com/tags/question/htmlyufa.html" target="_blank"><em>HTML语法</em></a> <i>2020-10-30 09:37</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>6</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">就是以HTML的标准来格式编辑某个HTML的文件HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。下面有很多例子，您可以亲自试试：HTML 文本格式化实例文本格式化此例演示如何在一个 HTML 文件中对文本进行格式化预格式文本此例演示如何使用 pre 标签对空...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30651.html" target="_blank">【Web前端基础】HTML文本框大小怎么设置</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <a href="http://www.shouhuola.com/tags/question/htmlyufa.html" target="_blank"><em>HTML语法</em></a> <i>2020-10-27 15:18</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>9</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">　　inputname=type=textstyle=width:200px;height:20px;</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30649.html" target="_blank">【Web前端基础】html文本居中怎么设置</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <a href="http://www.shouhuola.com/tags/question/htmlyufa.html" target="_blank"><em>HTML语法</em></a> <i>2020-10-27 15:09</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>7</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">html如何让文字居中显示通过设置左右margin值为auto来实现居中的。我们来看个例子就是专设置属div这个块状元素水平居中：html代码：div{border:1pxsolidred;/*为了显示居中效果明显为div设置了边框*/width:200px;margin:20pxauto;/*margin-left与margin-right...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-5866.html" target="_blank">怎么才能熟练掌握HTML标签？？</a><a href="http://www.shouhuola.com/tags/question/htmlbiaoqian.html" target="_blank"><em>HTML标签</em></a> <i>2020-10-18 01:07</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>1</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">HTML是超文本标记语言。语法为：首尾闭合自闭合没有捷径，一定要要硬记+操作，硬记+操作，硬记+操作，硬记+操作上机多操作巩固，多多练习psd转换成html网页</p> </div> </li></ul> <div class="notSolve">没有解决我的问题，<a href="http://www.shouhuola.com/question/add.html">去提问</a></div> </div> </div> </div> </div> </div> <div class="col-md-7 aside "> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">等你来答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-31369.html" title="前端适合女生学习吗？"> 前端适合女生学习吗？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31369.html" class="anum">90 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-30736.html" title="【Web前端基础】HTML图片大小怎么设置"> 【Web前端基础】HTML图片大小怎么设置 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-30736.html" class="anum">13 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31071.html" title="【Web前端基础】html怎么加图片"> 【Web前端基础】html怎么加图片 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31071.html" class="anum">17 个回答</a> </div> </li></ul> </div> </div> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">热门问答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-31359.html" title="【Web前端基础】html5新特性有什么"> 【Web前端基础】html5新特性有什么 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31359.html" class="anum">15 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31358.html" title="【Web前端基础】html5和html的区别是什么"> 【Web前端基础】html5和html的区别是什么 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31358.html" class="anum">15 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-35611.html" title="h5如何实现适配pc和移动界面"> h5如何实现适配pc和移动界面 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-35611.html" class="anum">5 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-33675.html" title="WEB前端开发学习有什么网站"> WEB前端开发学习有什么网站 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-33675.html" class="anum">12 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-28619.html" title="H5是什么？"> H5是什么？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-28619.html" class="anum">11 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31611.html" title="【Web前端基础】html5新增的标签有什么"> 【Web前端基础】html5新增的标签有什么 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31611.html" class="anum">11 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-33685.html" title="基于HTML5设计的APP有哪些"> 基于HTML5设计的APP有哪些 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-33685.html" class="anum">9 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31173.html" title="【Web前端基础】html链接字体的颜色设置"> 【Web前端基础】html链接字体的颜色设置 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31173.html" class="anum">10 个回答</a> </div> </li></ul> </div> </div><div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">相关文章</h3> <ul><li class="no-video"><a href="http://www.shouhuola.com/article-53714.html" title="所谓DNS污染和劫持是什么？"> 所谓DNS污染和劫持是什么？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53714.html" title="所谓DNS污染和劫持是什么？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53386.html" title="HTML5画布Canvas"> HTML5画布Canvas</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53386.html" title="HTML5画布Canvas" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53373.html" title="同样是开源，微软为何选择了 Chromium，而不是 Firefox？"> 同样是开源，微软为何选择了 Chromium，而不是 Firefox？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53373.html" title="同样是开源，微软为何选择了 Chromium，而不是 Firefox？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53301.html" title="计算机网络——物理层(宽带接入技术)"> 计算机网络——物理层(宽带接入技术)</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53301.html" title="计算机网络——物理层(宽带接入技术)" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53004.html" title="HTML5技术向网页嵌入视频和音频"> HTML5技术向网页嵌入视频和音频</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53004.html" title="HTML5技术向网页嵌入视频和音频" class="anum"> 1个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52988.html" title="你知道canvas吗？"> 你知道canvas吗？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52988.html" title="你知道canvas吗？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52981.html" title="Grid 网格布局"> Grid 网格布局</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52981.html" title="Grid 网格布局" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52980.html" title="弹性盒子"> 弹性盒子</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52980.html" title="弹性盒子" class="anum"> 0个评论</a> </div></li> </ul> </div> </div></div> </div> </div> <div class="modal fade" id="dialogadopt"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">采纳回答</h4> </div> <div class="modal-body"> <form class="form-horizontal" name="editanswerForm" method="post"> <input type="hidden" value="31076" id="adopt_qid" name="qid" /> <input type="hidden" id="adopt_answer" value="0" name="aid" /> <table class="table "> <tr valign="top"> <td>向帮助了您的网友说句感谢的话吧!</td> </tr> <tr> <td> <div class="inputbox mt15"> <textarea class="form-control" id="adopt_txtcontent" name="content">非常感谢!</textarea> </div> </td> </tr> <tr> <td><button type="button" id="adoptbtn" class="btn btn-success">确 认</button></td> </tr> </table> </form> </div> </div> </div> </div> <script> if(typeof($(".work-show-box").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".work-show-box").find("img").attr("data-original"); $(".work-show-box").find("img").attr("src",imgurl); } $(".work-show-box,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); $("#adoptbtn").click(function(){ var data={ content:$("#adopt_txtcontent").val(), qid:$("#adopt_qid").val(), aid:$("#adopt_answer").val() } $.ajax({ //提交数据的类型 POST GET type:"POST", //提交的网址 url:"http://www.shouhuola.com/question/ajaxadopt.html", //提交的数据 data:data, //返回数据的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在请求之前调用的函数 beforeSend:function(){}, //成功返回之后调用的函数 success:function(data){ var data=eval("("+data+")"); if(data.message=='ok'){ new $.zui.Messager('采纳成功!', { type: 'success', close: true, placement: 'center' // 定义显示位置 }).show(); setTimeout(function(){ window.location.reload(); },1500); }else{ new $.zui.Messager(data.message, { close: true, placement: 'center' // 定义显示位置 }).show(); } } , //调用执行后调用的函数 complete: function(XMLHttpRequest, textStatus){ }, //调用出错执行的函数 error: function(){ //请求出错处理 } }); }) </script> </div>  <div class="modal fade" id="dialog_tag"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">编辑标签</h4> </div> <div class="modal-body"> <form onsubmit=" return checktagsubmit()" class="form-horizontal" name="edittagForm" action="http://www.shouhuola.com/question/edittag.html" method="post"> <input type="hidden" value="31076" name="qid" /> <p>最多设置5个标签!</p> <div class="inputbox mar-t-1"> <div class=" dongtai "> <div class="tags"><div class="tag"> <span tagid="1987">HTML标签</span><i class="fa fa-close"></i> </div> </div> <input type="text" autocomplete="off" data-toggle="tooltip" data-placement="bottom" title="" placeholder="检索标签，最多添加5个,添加标签更容易被回答" data-original-title="检索标签，最多添加5个" name="topic_tagset" value="" class="txt_taginput"> <i class="fa fa-search"></i> <div class="tagsearch"></div> </div> <input type="hidden" class="form-control" id="qtags" name="qtags" value="" /> </div> <div class="mar-t-1"> <button type="submit" class="btn btn-success">保存</button> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div> <div class="modal fade panel-report" id="dialog_inform"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">举报内容</h4> </div> <div class="modal-body"> <form id="rp_form" class="rp_form" action="http://www.shouhuola.com/inform/add.html" method="post"> <input value="" type="hidden" name="qid" id="myqid"> <input value="" type="hidden" name="aid" id="myaid"> <input value="" type="hidden" name="qtitle" id="myqtitle"> <div class="js-group-type group group-2"> <h4>检举类型</h4> <ul> <li class="js-report-con"><label><input type="radio" name="group-type" value="1"><span>检举内容</span></label></li> <li class="js-report-user"><label><input type="radio" name="group-type" value="2"><span>检举用户</span></label></li> </ul> </div> <div class="group group-2"> <h4>检举原因</h4> <div class="list"> <ul> <li><label class="reason-btn"><input type="radio" name="type" value="4"><span>广告推广</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="5"><span>恶意灌水</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="6"><span>回答内容与提问无关</span> </label></li> <li><label class="copy-ans-btn"><input type="radio" name="type" value="7"><span>抄袭答案</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="8"><span>其他</span></label></li> </ul> </div> </div> <div class="group group-3"> <h4>检举说明(必填)</h4> <div class="textarea"> <ul class="anslist" style="display: none; line-height: 20px; overflow: auto; height: 171px;"> </ul> <textarea name="content" maxlength="200" placeholder="请输入描述200个字以内"> </textarea> </div> </div> <div class="mar-t-1"> <button type="submit" id="btninform" class="btn btn-success">提交</button> <button type="button" class="btn btn-default mar-ly-1" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div>  <div class="modal share-wechat animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮</h5> <div data-url="http://www.shouhuola.com/q-31076.html" class="qrcode" title="http://www.shouhuola.com/q-31076.html"> <canvas width="170" height="170" style="display: none;"></canvas> <div id="qr_wxcode"></div> </div> </div> <div class="modal-footer"></div> </div> </div> </div>  <div class="modal pay-money animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>付费偷看金额在0.1-10元之间</h5> <div class="mar-t-1"> <input type="number" value="0" id="chakanjine" class="form-control" /> </div> <button id="comfirm_pay" class="btn btn-success mar-t-1">确定</button> </div> <div class="modal-footer"></div> </div> </div> </div>  <div class="modal fade" id="dialog_invate"> <div class="modal-dialog" style="width: 700px; top: 10px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title"></h4> <div class="m_invateinfo"> <span class="m_i_text""> 您已邀请<span class="m_i_persionnum">15</span>人回答 </span> <span data-toggle="popover" data-tip-class="popover-info" data-html="ture" data-placement="bottom" data-content="" title="我的邀请列表" class="m_i_view">查看邀请</span> <div class="m_i_warrper"> <input data-qid="31076" type="text" id="m_i_searchusertxt" class="m_i_search" placeholder="搜索你想邀请的人"> <i class="fa fa-search"></i> </div> </div> </div> <div class="modal-body">  <ul class="trigger-menu m_invate_tab" data-pjax-container="#list-container"> <li class="active" data-qid="31076" data-item="1"><a href="javascript:">擅长该话题的人</a></li> <li class="" data-qid="31076" data-item="2"><a href="javascript:"> 回答过该话题的人</a></li> <li class="" data-qid="31076" data-item="3"><a href="javascript:">我关注的人</a></li> </ul>  <div class="m_invatelist"></div> </div> </div> </div> </div> <script> getquestioncaozuo(1,31076); getquestioncaozuo(2,31076); getquestioncaozuo(3,31076); getquestioncaozuo(4,31076); getquestioncaozuo(8,31076); $(".btnshowall").click(function(){ $(".shortquestioncontent").toggle(); $(".hidequestioncontent").toggle(); }); $("#normal-comment-list .answercontent").each(function(){ if($(this).height()>150){ $(this).parent().find(".readmore").show(); }else{ $(this).parent().find(".readmore").hide(); } }); // $(".readmore").click(function(){ // if($.trim($(this).html())=="查看更多"){ // $(this).parent().find(".answercontent").css("max-height","100000px").css("overflow","visible"); // $(this).html("收起"); // }else{ // $(this).parent().find(".answercontent").css("max-height","200px").css("overflow","hidden"); // $(this).html("查看更多"); // } // }); var needcode=0; var g_id = 6; var qid = 31076; function listertext(){ var _content=$("#anscontent").val(); if(_content.length>0&&g_id!=1){ $(".code_hint").show(); }else{ $(".code_hint").hide(); } } var mobile_localyuyin=1; // var userAgent = window.navigator.userAgent.toLowerCase(); // $.browser.msie8 = $.browser.msie && /msie 8\.0/i.test(userAgent); // if($.browser.msie8==true){ // var mobile_localyuyin=0; // } var targetplay=null; function checktagsubmit(){ if(gettagsnum()<=0){ alert("请设置标签"); return false; } if(gettagsnum()>5){ alert("最多添加5个标签"); return false; } var _tagstr=gettaglist(); $("#qtags").val(_tagstr); } $(".txt_taginput").on(" input propertychange",function(){ var _txtval=$(this).val(); if(_txtval.length>1){ //检索标签信息 var _data={tagname:_txtval}; var _url="http://www.shouhuola.com/tags/ajaxsearch.html"; function success(result){ console.log(result) if(result.code==200){ console.log(_txtval) $(".tagsearch").html(""); for(var i=0;i<result.taglist.length;i++){ var _msg=result.taglist[i].tagname $(".tagsearch").append('<div class="tagitem" tagid="'+result.taglist[i].id+'">'+_msg+'</div>'); } $(".tagsearch").show(); $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); var _tagid=$.trim($(this).attr("tagid")); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span tagid="'+_tagid+'">'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); } } ajaxpost(_url,_data,success); }else{ $(".tagsearch").html(""); $(".tagsearch").hide(); } }) function checktag(_tagname){ var tagrepeat=false; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).html()); if(_tagnametmp==_tagname){ tagrepeat=true; } }) return tagrepeat; } function gettaglist(){ var taglist=''; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).attr("tagid")); taglist=taglist+_tagnametmp+","; }) taglist=taglist.substring(0,taglist.length-1); return taglist; } function gettagsnum(){ return $(".dongtai .tags .tag").length; } $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span>'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".yuyinplay").click(function(){ targetplay=$(this); var _serverid=targetplay.attr("id"); if(_serverid == '') { alert('语音文件丢失'); return; } $(".wtip").html("免费偷听"); targetplay.find(".wtip").html("播放中.."); if(mobile_localyuyin==1){ $(".htmlview").removeClass("hide"); $(".ieview").addClass("hide"); var myAudio =targetplay.find("#voiceaudio")[0]; // myAudio.pause(); //myAudio.play(); if(myAudio.paused){ targetplay.find(".wtip").html("播放中.."); myAudio.play(); }else{ targetplay.find(".wtip").html("暂停.."); myAudio.pause(); } function endfun(){ targetplay.find(".wtip").html("播放结束");alert("播放结束!")} var is_playFinish = setInterval(function(){ if( myAudio.ended){ endfun(); window.clearInterval(is_playFinish); } }, 10); }else{ $(".ieview").removeClass("hide"); $(".htmlview").addClass("hide"); } }) function deleteanswer(current_aid){ if(confirm("是否删除此回答?")){ window.location.href=g_site_url + "index.php" + query + "question/deleteanswer/"+current_aid+"/31076"; } } function adoptanswer(aid) { $("#adopt_answer").val(aid); $('#dialogadopt').modal('show'); } //编辑标签 function edittag() { $('#dialog_tag').modal('show'); } if(typeof($(".show-content").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".show-content").find("img").attr("data-original"); $(".show-content").find("img").attr("src",imgurl); } $(".show-content,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); var category1 = [["15","Web前端"],["16","Java"],["17","Python"],["18","UI/UE设计"],["19","云计算"],["20","软件测试"],["21","大数据"],["23","网络安全"],["26","认证考试"],["28","职业发展"],["14","营销运营"],["22","游戏开发"],["24","三维室内设计"],["27","办公效率"],["29","兴趣生活"]]; var category2 = [["14","30","SEO优化"],["15","40","HTML/CSS"],["16","53","基础入门"],["17","58","Python核心编程"],["18","62","视觉设计基础"],["19","66","网络基础"],["20","71","功能测试"],["21","75","Java主流框架"],["22","79","C#语言基础"],["23","83","网络安全基础"],["24","88","模型与效果图"],["26","92","软考"],["27","101","Word"],["28","108","简历指导"],["29","113","前沿技术"],["28","115","职场困惑"],["27","117","工具资源"],["14","31","SEM推广"],["15","41","HTML5"],["16","54","算法分析"],["17","59","网络爬虫"],["18","63","品牌视觉设计"],["19","67","linux基础"],["20","72","自动化测试"],["21","76","Hadoop"],["22","80","Unity引擎"],["23","84","Web安全漏洞"],["24","89","Q版模型"],["26","93","PMP"],["27","102","Excel"],["28","109","面试礼仪"],["29","114","生活常识"],["28","116","行业前景"],["14","32","信息流"],["15","42","CSS3"],["16","55","微服务框架"],["17","60","人工智能"],["18","64","电商设计"],["19","68","linux运维自动化"],["20","73","接口测试"],["21","77","Spark"],["22","81","游戏策划"],["23","85","WAF安全测试"],["24","90","次世代模型"],["26","94","华为认证"],["27","103","PPT"],["28","110","面试问题"],["14","33","模板建站"],["15","43","JavaScript"],["16","56","数据库"],["17","61","全栈开发"],["18","65","UI交互设计"],["19","69","数据库运维管理"],["20","74","性能测试"],["21","78","机器学习"],["22","82","VR/AR"],["23","86","自动化安全检测"],["24","91","引擎地编"],["26","95","思科认证"],["27","104","WPS"],["14","34","新媒体运营"],["15","44","Vue.js"],["16","57","链接池"],["19","70","云架构管理"],["23","87","渗透测试"],["26","96","红帽认证"],["27","105","project"],["14","35","淘宝天猫"],["15","45","React.JS"],["26","97","微软认证"],["27","106","思维导图"],["14","36","京东运营"],["15","46","Angular"],["26","98","H3C认证"],["27","107","电脑基础"],["14","37","拼多多运营"],["15","47","Node.js"],["26","99","百度认证"],["14","38","短视频直播"],["15","48","jQuery"],["26","100","计算机等级考试"],["15","49","Bootstrap"],["15","50","Sass/Less"],["15","51","WebApp"],["15","52","小程序"]]; var category3 = []; var selectedcid = "15,41,41"; //修改分类 function change_category() { var category1 = $("#category1 option:selected").val(); var category2 = $("#category2 option:selected").val(); var category3 = $("#category3 option:selected").val(); if (category1 > 0) { $("#categoryid").val(category1); } if (category2 > 0) { $("#categoryid").val(category2); } if (category3 > 0) { $("#categoryid").val(category3); } $("#catedialog").model("hide"); $("form[name='editcategoryForm']").submit(); } //投诉 function openinform(qid ,qtitle,aid) { $("#myqid").val(qid); $("#myqtitle").val(qtitle); $("#myaid").val(aid); $('#dialog_inform').modal('show'); } $(".showcommentid").each(function(){ var dataid=$(this).attr("data-id"); show_comment(dataid); }); function show_comment(answerid) { if ($("#comment_" + answerid).css("display") === "none") { load_comment(answerid); $("#comment_" + answerid).slideDown(); } else { $("#comment_" + answerid).slideUp(); } } //添加评论 function addcomment(answerid) { var content = $("#comment_" + answerid + " input[name='content']").val(); var replyauthor = $("#comment_" + answerid + " input[name='replyauthor']").val(); console.log(g_uid); if (g_uid == 0){ login(); return false; } if (bytes($.trim(content)) < 5){ alert("评论内容不能少于5字"); return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/addcomment.html", data: "content=" + content + "&answerid=" + answerid+"&replyauthor="+replyauthor, success: function(status) { if (status == '1') { $("#comment_" + answerid + " input[name='content']").val(""); load_comment(answerid); }else{ if(status == '-2'){ alert("问题已经关闭，无法评论"); } } } }); } //删除评论 function deletecomment(commentid, answerid) { if (!confirm("确认删除该评论?")) { return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/deletecomment.html", data: "commentid=" + commentid + "&answerid=" + answerid, success: function(status) { if (status == '1') { load_comment(answerid); }else{ alert(status); } } }); } //加载评论 function load_comment(answerid){ $.ajax({ type: "GET", cache:false, url: "http://www.shouhuola.com/index.php?answer/ajaxviewcomment/" + answerid, success: function(comments) { $("#comment_" + answerid + " .my-comments-list").html(comments); } }); } function replycomment(commentauthorid,answerid){ var comment_author = $("#comment_author_"+commentauthorid).attr("title"); $("#comment_"+answerid+" .comment-input").focus(); $("#comment_"+answerid+" .comment-input").val("回复 "+comment_author+" :"); $("#comment_" + answerid + " input[name='replyauthor']").val(commentauthorid); } $(function(){ initcategory(category1); fillcategory(category2, $("#category1 option:selected").val(), "category2"); fillcategory(category3, $("#category2 option:selected").val(), "category3"); var qrurl="http://www.shouhuola.com/q-31076.html"; //微信二维码生成 $('#qr_wxcode').qrcode(qrurl); //显示微信二维码 $(".share-weixin").click(function(){ $(".share-wechat").show(); }); //关闭微信二维码 $(".close").click(function(){ $(".share-wechat").hide(); $(".pay-money").hide(); }); }) </script> <link rel="stylesheet" type="text/css" href="http://www.shouhuola.com/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://www.shouhuola.com/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script>hljs.initHighlightingOnLoad();</script> <script src="http://www.shouhuola.com/static/js/jquery.lazyload.min.js" type="text/javascript"></script> <script> $("img.lazy").lazyload({effect: "fadeIn" }); </script> <div class="side-tool" id="to_top"><ul><li data-placement="left" data-toggle="tooltip" data-container="body" data-original-title="回到顶部" > <a href="#" class="function-button"><i class="fa fa-angle-up"></i></a> </li> </ul></div> <script> window.onload = function(){ $(".edui-upload-video").attr("preload",""); var oTop = document.getElementById("to_top"); var screenw = document.documentElement.clientWidth || document.body.clientWidth; var screenh = document.documentElement.clientHeight || document.body.clientHeight; window.onscroll = function(){ var scrolltop = document.documentElement.scrollTop || document.body.scrollTop; if(scrolltop<=screenh){ oTop.style.display="none"; }else{ oTop.style.display="block"; } if(scrolltop>30){ $(".scrollshow").show(); }else{ $(".scrollshow").hide(); } } oTop.onclick = function(){ document.documentElement.scrollTop = document.body.scrollTop =0; } } </script> <footer id="footer"> <div class="copyrigth-wrap small"> <div class="content copyrigth"> <i style=" display: block;width: 685px; background: #d2d2d2; color: #fff; padding: 5px; margin: 0 0 10px 0;" >收获啦作为免费、公开信息平台，用户进行的所有活动由其自身承担法律责任。如您发现不良信息、侵权内容，请立即联系我们。</i> Copyright © 2020 收获啦！ <a href="http://beian.miit.gov.cn" target="_blank">京ICP备10005032号-11</a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031459">京公网安备11010802031459号</a> <a href='https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&serial=911101087861894810-SAIC_SHOW_1000009111010878618948101600759758300&signData=MEQCIBOfIClgLS82gBPNpbDSMQhpzy42b5sfm4qyBuPQk4TpAiDoaOjIBVY0sy0SMhlipCFi89IoHcQ++mrnvyaJqJXz9Q==' target="_blank" rel="nofollow">电子营业执照</a>   <a href="http://www.shouhuola.com/article-52509.html" target="_blank">使用协议|免责声明</a> <a > </a> <span class="ilblk dblj"> <a href="http://www.shouhuola.com/article-52508.html" target="_blank">联系我们</a> | <a href="/tags/default.html" target="_blank">标签大全</a> | <a href="/note/list.html" target="_blank">站内公告</a> | <a href="/rule/index.html" target="_blank">财富规则</a> </span> </div> </div> </footer> </body> </html>

【HTML标签】【Web前端基础】HTML怎么链接到另一个页面