本章节通过代码实例介绍一下如何实现iframe高度自适应效果，因为在实际应用中，我们往往需要的高度能够随着引入页面内容的高度变化而变化，这样可以让页面能够有融为一体的感觉。 代码如下:</pre></div> </div> <div class="code"> <div class="code-cate active"><span> [ 其他 ]</span> <a href="https://www.51qianduan.com/example/view/727/0.html" target="_blank">运行代码</a> <a href="javascript:void('0');" class="downloadspage" data-app="example" data-id="727" data-page="0">下载代码</a></div> <pre name="code" class="brush: html;"><!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> window.onload=function(){ var ifm= document.getElementById("iframepage"); var subWeb = document.frames ? document.frames["iframepage"].document:ifm.contentDocument; if(ifm != null && subWeb != null){ ifm.height = subWeb.body.scrollHeight; } } </script> </head> <body> <iframe src="iframe.html" id="iframepage" name="iframepage" width="100%"></iframe> </body> </html></pre> <div class="code-content"><pre></pre></div> </div> <script type="text/javascript" src="https://www.51qianduan.com/public/syntaxhighlighter/js/XRegExp.js"></script> <script type="text/javascript" src="https://www.51qianduan.com/public/syntaxhighlighter/js/shCore.js"></script> <script type="text/javascript" src="https://www.51qianduan.com/public/syntaxhighlighter/js/shBrushXml.js"></script> <script type="text/javascript"> SyntaxHighlighter.all() </script> <br> <div class="content"> <div class="contentDesc"><span>代码描述：</span>JavaScript<iframe>高度自适应。JavaScript<iframe>高度自适应代码实例</div> </div> <br> <br> <br> <div class="show-detail-uc active clearfix"> <a id="show-detail-download" class="downloads fl" href="javascript:void('0');" data-id="example" data-id="727" data-page="all">下载全部</a> <a id="show-detail-fav" class="collect fav fl fav-false" href="javascript:void('0');" data-id="727"><span>收藏</span><i></i></a> </div> <div class="show-detail-dl_dscp"> <span class="s_dt_params s_dt_dnum"> <i id="s_dnum">131</i> </span> <span class="s_dt_params s_dt_fav"> <i id="s_fav" class="fav_number">175</i> </span> </div> <br> <br> <br> </div> </div> <div class="panel panel-default"> <div class="panel-heading">用户评论</div> <div class="panel-body"> <div class="commentAll"> <!--评论区域 begin--> <div class="pd20 tac"> <span>大牛，别默默的看了，快登录帮我点评一下吧！:) </span> <a href="javascript:;" class="lg-layer">登录</a> | <a href="javascript:;" class="reg-layer">注册</a> </div> <!--评论区域 end--> <!--回复区域 begin--> <div class="comment-show"> </div> <!--回复区域 end--> </div> <div class="page"></div> <script type="text/javascript"> var exampleId="727"; </script> <script src="https://www.51qianduan.com/app/example/js/relay.js" type="text/javascript"></script> </div> </div> </div> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-body"> <div class="Show-user clearfix"> <div class="left"> <a href="https://www.51qianduan.com/user/space/522.html" class="left user-img" title="522688的个人主页" target="_blank"> <img class="head-img2" src="https://www.51qianduan.com/cache/user/1911/05/120/522.jpg" width="48" height="48" alt="522688"> </a> <div class="user-box left"> <div><a href="https://www.51qianduan.com/user/example/522.html" class="user-name" title="522688的个人主页" target="_blank">522688</a></div> <div> <div class="user-info">作品：<a href="https://www.51qianduan.com/user/uploadt/522.html" target="_blank">1334</a> | 粉丝：<a href="https://www.51qianduan.com/user/followed/522.html" target="_blank">44</a></div> </div> </div> </div> <a class="user-btn js-gz cure right" href="javascript:void('0')" onclick="follow('522','5fa16f73c178f2f802bf94eb83ef43772f649292');">关注</a> <!--<a href="https://www.51qianduan.com/user/message/ts/add/touserid/522.html" rel="nofollow" class="btn btn-default btn-sm">发消息</a>--> </div> <div class="Show-picTitle clearfix"> <span class="fl">TA的相关作品</span> <a href="https://www.51qianduan.com/user/uploade/522.html" class="right">>>更多</a> </div> <div class="Show-picDetail clearfix"> <ul> <li class="left"> <span>[<a href="https://www.51qianduan.com/example/style/5">javascript</a>]</span> <a href="https://www.51qianduan.com/example/1408.html" title="javascript表单提交效果源码实例">javascript表单提交效果源码实例</a> </li> <li class="left"> <span>[<a href="https://www.51qianduan.com/example/style/5">javascript</a>]</span> <a href="https://www.51qianduan.com/example/1407.html" title="js获取数字和字母随机数源码下载">js获取数字和字母随机数源码下载</a> </li> <li class="left"> <span>[<a href="https://www.51qianduan.com/example/style/5">javascript</a>]</span> <a href="https://www.51qianduan.com/example/1406.html" title="javascript生成验证码随机数代码实例">javascript生成验证码随机数代码实例</a> </li> <li class="left"> <span>[<a href="https://www.51qianduan.com/example/style/5">javascript</a>]</span> <a href="https://www.51qianduan.com/example/1405.html" title="IE浏览器下js无法获取隐藏图片尺寸简单介绍">IE浏览器下js无法获取隐藏图片尺寸简单介绍</a> </li> <li class="left"> <span>[<a href="https://www.51qianduan.com/example/style/5">javascript</a>]</span> <a href="https://www.51qianduan.com/example/1404.html" title="js引号嵌套引号代码下载">js引号嵌套引号代码下载</a> </li> </ul> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading">相关标签代码</div> <div class="panel-body"> <ul class="titles"> <li> <h5> <a href="https://www.51qianduan.com/example/468.html" target="_blank" title="JavaScript后台点击退出跳出frameset框架代码下载">JavaScript后台点击退出跳出frameset框架代码下载</a> </h5> <span class="titles-b"> <font class="left"> <a href="https://www.51qianduan.com/example/search/200734.html" class="blue">JavaScript后台代码</a> </font> <font class="right"> 浏览 (704) </font></span> </li> <li> <h5> <a href="https://www.51qianduan.com/example/833.html" target="_blank" title="javascript实现iframe父子页面相互操作源码下载">javascript实现iframe父子页面相互操作源码下载</a> </h5> <span class="titles-b"> <font class="left"> <a href="https://www.51qianduan.com/example/search/201178.html" class="blue">iframe父子页面实例</a> </font> <font class="right"> 浏览 (433) </font></span> </li> <li> <h5> <a href="https://www.51qianduan.com/example/962.html" target="_blank" title="js获取宽度自适应元素值源码下载">js获取宽度自适应元素值源码下载</a> </h5> <span class="titles-b"> <font class="left"> <a href="https://www.51qianduan.com/example/search/201352.html" class="blue">js获取宽度自适应元素值代码</a> </font> <font class="right"> 浏览 (586) </font></span> </li> <li> <h5> <a href="https://www.51qianduan.com/example/1284.html" target="_blank" title="javascript获取图片宽度高度简单介绍">javascript获取图片宽度高度简单介绍</a> </h5> <span class="titles-b"> <font class="left"> <a href="https://www.51qianduan.com/example/search/201791.html" class="blue">宽度高度实例</a> </font> <font class="right"> 浏览 (554) </font></span> </li> <li> <h5> <a href="https://www.51qianduan.com/example/75.html" target="_blank" title="JavaScript未知高度div垂直居中">JavaScript未知高度div垂直居中</a> </h5> <span class="titles-b"> <font class="left"> <a href="https://www.51qianduan.com/example/search/200292.html" class="blue">未知高度实例</a> </font> <font class="right"> 浏览 (639) </font></span> </li> <li> <h5> <a href="https://www.51qianduan.com/example/162.html" target="_blank" title="JavaScript基于rem的屏幕适配方案">JavaScript基于rem的屏幕适配方案</a> </h5> <span class="titles-b"> <font class="left"> <a href="https://www.51qianduan.com/example/tag/635" class="blue">js尺寸自适应代码实例</a> </font> <font class="right"> 浏览 (529) </font></span> </li> </ul> </div> </div> </div> </div> </div> <br> <br> <div class="container"> <!--底部公共广告位开始--> <!--底部公共广告位结束--> </div> <div class="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-md-10 col-sm-10 col-xs-12 left-grid right-grid"> <div class="col-md-5 col-sm-5 col-xs-12"> <div class="footer-top-single"> <div class="logo"> <img src="https://www.51qianduan.com/uploadfile/logo/logo.png" width="100" alt="51前端"> </div> <div class="contact"> <p><i class="fa fa-map-marker"></i>XXX市XXXX区XXXXXXXXXX路0000号0000室</p> <p><i class="fa fa-qq"></i>753511799</p> <p><i class="fa fa-phone-square"></i>000-00000000</p> </div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="footer-top-single"> <strong><i class="fa fa-sliders"></i>关于我们</strong> <span><i class="fa fa-caret-right"></i>公司介绍</span> <span><i class="fa fa-caret-right"></i>免费声明</span> <span><i class="fa fa-caret-right"></i>用户条款</span> <span><i class="fa fa-caret-right"></i>联系方式</span> </div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="footer-top-single"> <strong><i class="fa fa-sitemap"></i>网站地图</strong> <span><i class="fa fa-caret-right"></i><a href="https://www.51qianduan.com/sitemap.html">总站地图</a></span> <span><i class="fa fa-caret-right"></i><a href="https://www.51qianduan.com/sitemaps.html">内容地图</a></span> <span><i class="fa fa-caret-right"></i><a href="https://www.51qianduan.com/sitemapk.html">词库地图</a></span> </div> </div> </div> <div class="col-md-2 col-sm-2 col-xs-12"> <div class="footer-top-single"> <strong>战略合作</strong> <div class="cooperation"> <img src="https://www.51qianduan.com/public/images/footer_nopic.jpg" alt="暂无图片"> <img src="https://www.51qianduan.com/public/images/footer_nopic.jpg" alt="暂无图片"> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-md-9 col-sm-9 col-xs-12"> <div class="footer-bottom-copyright"> <p>Powered by 51qianduan 2.4.1 . Copyright © 2015 - 2020 <a target="_blank" href="https://www.51qianduan.com/">51前端</a> 。 <a rel="nofollow" target="_blank" href="https://www.beian.miit.gov.cn/">辽ICP备20007965号-3</a> 。 Processed in 0.001869 second(s)</p> </div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <ul class="footer-bottom-social"> <li><a href="#" rel="nofollow"><i class="fa fa-phone"></i></a></li> <li><a href="#" rel="nofollow"><i class="fa fa-envelope-o"></i></a></li> <li><a href="#" rel="nofollow"><i class="fa fa-weibo"></i></a></li> <li><a href="#" rel="nofollow"><i class="fa fa-qq"></i></a></li> <li><a href="#" rel="nofollow"><i class="fa fa-weixin"></i></a></li> </ul> </div> </div> </div> </div> </div> <!--成功或失败提示框--> <div id="favirite-ret" class="public-popbox" style="display:none;"> <div class="alert-con"> <i></i> <p> 提示 </p> </div> </div> <!--成功或失败提示框end--> <!--弹出窗口提示--> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="top:50%; margin-top:-160px; position:absolute; left:50%; margin-left:-300px;"> <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" id="myModalLabel">提示</h4> </div> <div class="modal-body"> </div> <div class="modal-xxxx"> </div> <div class="modal-footer" style="text-align:center;"> <button type="button" class="btn btn-default" style=" width:100px;" data-dismiss="modal">确定</button> </div> </div> </div> </div> <!--弹出窗口提示end--> <!--登录框开始--> <div class="goodcover"></div> <div class="overlay"></div> <div class="layerbox" id="loginbox"> <span class="switch-close">×</span> <div id="otherway-login"> <div class="login-publicTitle"><img src="https://www.51qianduan.com/uploadfile/logo/logo.png" alt="51前端"></div> <div class="login-publicTitle2"> <div class="linebg"></div> <p>登录</p> </div> <div class="select-loginType clear"> <a class="qq" href="https://www.51qianduan.com/index.php?app=pubs&ac=plugin&plugin=qq&in=login" rel="nofollow"> <i class="iconfont icon-QQ"></i> <span>QQ登录</span> </a> <a class="weixin" href="https://www.51qianduan.com/index.php?app=pubs&ac=plugin&plugin=weixin&in=login" rel="nofollow"> <i class="iconfont icon-weixin"></i> <span>微信登录</span> </a> <a class="weibo" href="javascript:return false;" rel="nofollow"> <i class="iconfont icon-weibo"></i> <span>新浪登录</span> </a> <!-- <a class="weibo" href="https://www.51qianduan.com/index.php?app=pubs&ac=plugin&plugin=weibo&in=login" rel="nofollow"> <i class="iconfont icon-weibo"></i> <span>新浪登录</span> </a>--> </div> <p class="login-p"> 建议直接使用QQ、微信、新浪进行登录 </p> <div class="login-phone clear"> <span class="ps-info left">还没有帐号请：<a href="javascript:;" id="now-register" rel="nofollow"> >>立即注册</a></span> <a href="javascript:;" id="zn-login" class="btnphone right" rel="nofollow"><i class="iconfont icon-yonghu"></i>手机登录</a> </div> </div> <div id="zhannei-login" style="display:none;"> <div class="login-publicTitle"> <img src="https://www.51qianduan.com/uploadfile/logo/logo.png" alt="51前端"> </div> <div class="login-publicTitle2"> <div class="linebg"></div> <p>使用手机登录</p> </div> <div class="local-loginWay"> <div class="tel-div"> <i class="iconfont icon-tel"></i><input type="text" class="tel" placeholder="手机号" check-type="required"> </div> <div class="pwd-div"> <i class="iconfont icon-pwd"></i><input type="password" class="pwd" placeholder="密码" check-type="required"> </div> <div class="fgpwd-div"> <div class="checklogin"><input class="cktime" type="checkbox" name="cktime" value="31536000"><span>下次自动登录</span></div> <a href="https://www.51qianduan.com/user/forgetpwd" target="_self"> >>找回密码</a> </div> <div class="verification-div"> <span class="pardiv"> <i class="iconfont icon-prompt" style="display:none"></i><div class="verification"></div> <input type="hidden" class="token" value="5fa16f73c178f2f802bf94eb83ef43772f649292" /> <input type="button" class="submit subtn" value="登录"> </span> </div> </div> <span class="bkswitch"><a href="javascript:;" id="three-login" rel="nofollow"> << 返回第三方登录 </a></span> </div> </div> <!--登录框结束--> <!--注册框开始--> <div class="layerbox" id="registerbox"> <span class="switch-close">×</span> <div id="otherway-register"> <div class="register-publicTitle"><img src="https://www.51qianduan.com/uploadfile/logo/logo.png" alt="51前端"></div> <div class="register-publicTitle2"> <div class="linebg"></div> <p>注册</p> </div> <div class="select-loginType clear"> <a class="qq" href="https://www.51qianduan.com/index.php?app=pubs&ac=plugin&plugin=qq&in=login" rel="nofollow"> <i class="iconfont icon-QQ"></i> <span>QQ注册</span> </a> <a class="weixin" href="https://www.51qianduan.com/index.php?app=pubs&ac=plugin&plugin=weixin&in=login" rel="nofollow"> <i class="iconfont icon-weixin"></i> <span>微信注册</span> </a> <a class="weibo" href="javascript:return false;" rel="nofollow"> <i class="iconfont icon-weibo"></i> <span>新浪注册</span> </a> <!-- <a class="weibo" href="https://www.51qianduan.com/index.php?app=pubs&ac=plugin&plugin=weibo&in=login" rel="nofollow"> <i class="iconfont icon-weibo"></i> <span>新浪注册</span> </a>--> </div> <p class="login-p"> 不建议使用手机注册，请使用QQ、微信、新浪注册 </p> <div class="login-phone clear"> <span class="ps-info left">已有帐号请：<a href="javascript:;" id="now-login" rel="nofollow"> >>直接登录</a></span> <a href="javascript:;" id="zn-register" class="btnphone right" rel="nofollow"><i class="iconfont icon-yonghu"></i>手机注册</a> </div> </div> <div id="zhannei-register" style="display:none;"> <div class="register-publicTitle"> <img src="https://www.51qianduan.com/uploadfile/logo/logo.png" alt="51前端"> </div> <div class="register-publicTitle2"> <div class="linebg"></div> <p>使用手机注册</p> </div> <div class="local-registerWay local-codeWay"> <div class="tel-div"> <i class="iconfont icon-tel"></i><input type="text" class="tel" placeholder="手机号" check-type="required"> </div> <div class="verify-div"> <span class="pardiv"> <div class="verifyWidth" id="verifyWidth"> <div class="sliderVerify" id="sliderVerify"></div> </div> </span> </div> <div class="code-div"> <span class="pardiv"> <i class="iconfont icon-code"></i><input class="code" type="text" placeholder="验证码" check-type="required"> <input class="sendRegister" id="sendRegister" type="button" data-istel="0" data-verify="0" disabled="disabled" value="获取验证码" /> <span class="error_tip" id="phoneCode" style="display:none"></span> </span> </div> <div class="pwd-div"> <i class="iconfont icon-pwd"></i><input type="password" class="pwd" placeholder="密码" check-type="required"> </div> <div class="verification-div"> <span class="pardiv"> <i class="iconfont icon-prompt" style="display:none"></i><div class="verification"></div> <input type="hidden" class="token" value="5fa16f73c178f2f802bf94eb83ef43772f649292" /> <input type="button" class="submit subtn" value="注册"> </span> </div> </div> <span class="bkswitch"><a href="javascript:;" id="three-register" rel="nofollow"> << 返回第三方登录 </a></span> </div> </div> <!--绑定手机号开始--> <div class="layerbox" id="bindtelbox"> <span class="switch-close">×</span> <div id="otherway-bindtel"> <div class="bindtel-publicTitle">绑定手机</div> <div class="bindtel-publicTitle2"> <div class="linebg"></div> <p>请绑定手机号，在继续操作</p> </div> <div class="local-bindtelWay local-codeWay"> <div class="tel-div"> <i class="iconfont icon-tel"></i><input type="text" class="tel" placeholder="手机号" check-type="required"> </div> <div class="verify-div"> <span class="pardiv"> <div class="verifyWidth" id="verifyWidth"> <div class="sliderVerify" id="sliderVerify2"></div> </div> </span> </div> <div class="code-div"> <span class="pardiv"> <i class="iconfont icon-code"></i><input class="code" type="text" placeholder="验证码" check-type="required"> <input class="sendRegister" id="sendRegister2" type="button" data-istel="0" data-verify="0" disabled="disabled" value="获取验证码" /> <span class="error_tip" id="phoneCode" style="display:none"></span> </span> </div> <div class="verification-div"> <span class="pardiv"> <i class="iconfont icon-prompt" style="display:none"></i><div class="verification"></div> <input type="hidden" class="token" value="5fa16f73c178f2f802bf94eb83ef43772f649292" /> <input type="button" class="submit subtn" value="绑定手机"> </span> </div> </div> <p class="login-p"> 注意：只有绑定手机以后，才可使用网站全部功能 </p> </div> </div> <!--快捷支付窗口--> <div class="layerbox" id="paybox"> <span class="switch-close">×</span> <div id="otherway-pay"> <div class="pay-publicTitle">单次下载支付</div> <div class="pay-publicTitle2"> <div class="linebg"></div> </div> <div class="local-payWay"> <p class="pay-price">应付金额：<span><em id="price">279</em>元</span></p> <p class="pay-remind">支付完成后，回到下载页面，在进行下载</p> <div class="pay-content"> <div class="pay-content-alipay"> <form method="post" id="fast-pay-alipay" action="https://www.51qianduan.com/pay/do" target="_blank" autocomplete="off"> <input name="price" type="hidden" value=""> <input name="types" type="hidden" value="alipay"> <input type="hidden" id="submit-pay-button" value="支付宝"> </form> <a href="#" id="fast-alipay-submit" rel="nofollow"> <img src="https://www.51qianduan.com/app/pay/images/fastalipay.jpg" alt="支付宝支付" width="180"> </a> <a href="#" id="fast-alipay-submit" rel="nofollow"><div id="forpayico"><i></i>使用微信扫码付款</div></a> </div> <div class="pay-content-weixin"> <form method="post" id="fast-pay-weixin" action="https://www.51qianduan.com/pay/do" target="_blank" autocomplete="off"> <input name="price" type="hidden" value=""> <input name="types" type="hidden" value="weixin"> <input type="hidden" id="submit-pay-button" value="微信支付"> </form> <a href="#" id="fast-weixin-submit" rel="nofollow"> <img src="https://www.51qianduan.com/app/pay/images/fastweixin.jpg" alt="微信支付" width="180"> </a> <a href="#" id="fast-weixin-submit" rel="nofollow"><div id="forpayico"><i></i>使用微信扫码付款</div></a> </div> </div> </div> </div> </div> <script> //快速支付窗口，必须写在这里，而且还必须是方法的形式。不懂 function fastPay(price){ $('.goodcover').show(); $('#paybox').fadeIn(); var _top=($(window).height()-$(".layerbox").height())/2; var _left=($(window).width()-$(".layerbox").width())/2; $(".layerbox").css({top:_top,left:_left}); $(".pay-content-weixin input[name='price'],.pay-content-alipay input[name='price']").val(parseFloat(price).toFixed(2)); $(".local-payWay .pay-price #price").html(price); //隐藏掉系统默认提示框 $('#myModal').modal('hide'); } //快速支付窗口关闭 $('#paybox .switch-close').click(function() { $('#paybox').hide(); $('.goodcover').hide(); }); //快速支付窗口：A链接提交支付入口，支付宝 $(".pay-content-alipay #fast-alipay-submit").on("click",function(){ $("#fast-pay-alipay").submit(); }); //快速支付窗口：A链接提交支付入口，微信 $(".pay-content-weixin #fast-weixin-submit").on("click",function(){ $("#fast-pay-weixin").submit(); }); //手机号绑定滑块验证 $(function(){ //设置默认验证码框不能点击 $("#sendRegister2").attr('disabled',true); var SlideVerifyPlug = window.slideVerifyPlug; var slideVerify = new SlideVerifyPlug('#sliderVerify2',{ wrapWidth:268,//设置 容器的宽度 initText:'拖动滑块，获取验证码', sucessText:'验证通过，请获取验证码', getSucessState:function(result){ if(result == true){ $("#sendRegister2").attr('disabled',false); //赋值为让js和php文件进行验证 $("#sendRegister2").attr('data-verify',1); //隐藏去掉没滑动验证，的红色和提示信息 $(".local-bindtelWay .icon-prompt").hide(); $(".local-bindtelWay .verifyWidth").removeClass("bor-reg"); $(".local-bindtelWay .verification").html(" "); } } }); }); //注册滑动验证 $(function(){ //设置默认验证码框不能点击 $("#sendRegister").attr('disabled',true); var SlideVerifyPlug = window.slideVerifyPlug; var slideVerify = new SlideVerifyPlug('#sliderVerify',{ wrapWidth:268,//设置 容器的宽度 initText:'拖动滑块，获取验证码', sucessText:'验证通过，请获取验证码', getSucessState:function(result){ if(result == true){ $("#sendRegister").attr('disabled',false); //赋值为让js和php文件进行验证 $("#sendRegister").attr('data-verify',1); //隐藏去掉没滑动验证，的红色和提示信息 $(".local-registerWay .icon-prompt").hide(); $(".local-registerWay .verifyWidth").removeClass("bor-reg"); $(".local-registerWay .verification").html(" "); } } }); }); //地址#bindtel结尾出现关不掉的绑定手机号。 var bindtel = window.location.hash; if(bindtel == "#bindtel"){ $('.overlay').show(); //换个背景关不掉的类 $('#bindtelbox').fadeIn();//显示框 //$("#bindtelbox .switch-close").remove(); //直接删掉这个DIV var _top=($(window).height()-$(".layerbox").height())/2; var _left=($(window).width()-$(".layerbox").width())/2; $(".layerbox").css({top:_top,left:_left}); $("#otherway-bindtel .bindtel-publicTitle2 p").css("left", "29%"); } </script> <script src="https://www.51qianduan.com/public/js/sliderVerify.js" type="text/javascript"></script> <!--注册框end--> <!--返回顶部--> <div class="bottom_tools"> <div class="qr_tool" title="二维码"> </div> <div class="qr_qq" title="官方QQ群"><span>官方QQ群</span></div> <div id="feedback" title="意见反馈"><a href="https://www.51qianduan.com/group/34.html" target="_blank" title="意见反馈"><span>意见反馈</span></a></div> <div id="scrollUp" title="飞回顶部"> </div> <div class="qr_tool_div" > <div class="tally-div"> <img src="https://www.51qianduan.com/public/images/qqqun.jpg" alt="qq群"> <p class="add-remark">扫描上面二维码加微信群</p> </div> <em class="arrow-em"></em> <i class="arrow-i"></i> </div> <div class="qr_qq_div" > <div class="tally-div"> <p class="tally-p"> <span>官方QQ群</span> </p> <div class="line-dottted"></div> <dl> <dd><i class="add-board"></i><span>jQuery/js讨论群</span><br> <font>群号：642649996</font></dd> <dd><i class="add-board"></i><span>Css3+Html5讨论群</span><br> <font>群号：322131262</font></dd> </dl> <p class="add-remark">加群请备注：从官网了解到</p> </div> <em class="arrow-em"></em> <i class="arrow-i"></i> </div> </div> <!--返回顶部end--> <script src="https://www.51qianduan.com/public/js/common.js" type="text/javascript"></script> <script src="https://www.51qianduan.com/app/example/js/extend.func.js" type="text/javascript"></script> <div style="display:none;"><script src="https://s13.cnzz.com/z_stat.php?id=1273541249&web_id=1273541249" language="JavaScript"></script></div></body> </html>