问什么用来设置多行文本框的高度

【什么用来设置多行文本框的高度】在网页开发中，多行文本框（``）是用于输入多行文本的常见元素。用户有时需要调整其高度以适应不同的布局或内容需求。那么，什么用来设置多行文本框的高度？以下是相关方法的总结。</p><p>一、</p><p>在 HTML 和 CSS 中，设置多行文本框的高度主要依赖于以下几种方式：</p><p>1. HTML 的 `rows` 属性：这是最直接的方式，通过设置 `rows` 属性可以控制文本框默认显示的行数。</p><p>2. CSS 的 `height` 属性：使用 CSS 可以更灵活地控制文本框的高度，适用于响应式设计。</p><p>3. JavaScript 动态调整：在某些情况下，可以通过 JavaScript 根据内容动态调整文本框的高度。</p><p>这些方法各有优缺点，开发者可以根据实际需求选择合适的方式。</p><p>二、表格对比</p><table><tbody><tr><td> 方法 </td><td> 是否支持动态调整 </td><td> 是否需要额外代码 </td><td> 适用场景 </td><td> 优点 </td><td> 缺点 </td></tr><tr><td> HTML `rows`</td><td> 否 </td><td> 否 </td><td> 固定高度需求 </td><td> 简单易用 </td><td> 不够灵活，无法响应内容变化 </td></tr><tr><td> CSS `height` </td><td> 是 </td><td> 是 </td><td> 响应式设计、自定义样式 </td><td> 灵活，可与 CSS 结合使用</td><td> 需要了解 CSS 语法</td></tr><tr><td> JavaScript </td><td> 是 </td><td> 是 </td><td> 动态内容、自动扩展功能 </td><td> 可实现自动高度调整 </td><td> 代码复杂度高，需处理事件逻辑 </td></tr></tbody></table><p>三、小结</p><p>综上所述，设置多行文本框高度的主要方式包括 HTML 的 `rows` 属性、CSS 的 `height` 属性以及 JavaScript 动态调整。根据项目需求选择合适的方法，可以有效提升用户体验和页面布局的灵活性。</p><style>table,tr{width: 100%;text-align: center;color: #333;font-size: 16px;line-height: 1.8em;margin-bottom: 32px;border: 1px solid #333;empty-cells:show;}table tr th {border: 1px solid #333;text-align: center;font-weight: 600;background: #eee;}table tr td {border: 1px solid #333;text-align: center}</style> </div> </div> </div> <div class="article_footer clearfix"> <div class="fr tag"> 标签： <a href="https://www.peixunwang.com.cn/tag/shimeyonglaishezhiduoxingwenbenkuangdegaodu/" target="_blank">什么用来设置多行文本框的高度</a> </div> </div> <p class="banquan">　　<span class="strong" >免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。</span></p> </div> </div> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_tag_under9();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;"><script>pc_show_tag_under();<\/script><\/div>'); } </script> <div style="margin-top:40px;"> </div> <script type="text/javascript" src="https://www.peixunwang.com.cn/statics/sg/js/popup.js"></script> <div class="fl" style="width:100%; margin-top: 15px;position: relative;"> <span style="float:left; line-hight:30px; padding-top:10px; font-weight: bold;">分享：</span> <span> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["weixin","tsina","qzone","sqq","douban","tieba","copy"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","qzone","sqq","douban","tieba","copy"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </span> </div> <div class="nr_div_col2 mt10"> <div class="nr_div_title"><span>相关阅读</span></div> <div> <ul> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088202.html" title="什么用来设置多行文本框的高度" target="_blank">什么用来设置多行文本框的高度</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088191.html" title="怎样知道玉认自己了" target="_blank">怎样知道玉认自己了</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088176.html" title="苍龙逐日最强武功搭配" target="_blank">苍龙逐日最强武功搭配</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088172.html" title="打电话说正在通话中是什么意思" target="_blank">打电话说正在通话中是什么意思</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088161.html" title="高温橙色预警是几度" target="_blank">高温橙色预警是几度</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088146.html" title="上海虹桥国际机场地铁几号线" target="_blank">上海虹桥国际机场地铁几号线</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088136.html" title="北京中秋节去哪里玩" target="_blank">北京中秋节去哪里玩</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088127.html" title="什么样的行为是轻浮的表现" target="_blank">什么样的行为是轻浮的表现</a></li> </ul> </div> </div> <script> if (isMobile()){ document.write('<div class="nr_div_title"><span>搜索推荐</span></div><div style="text-align:center;margin-top:10px;"><script>wap_show_sosuo();<\/script><\/div>'); }else{ } </script> <div class="nr_div_col2 mt10"> <div class="nr_div_title"><span> </span></div> <div> <ul> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088117.html" title="高铁行李箱一般放哪" target="_blank">高铁行李箱一般放哪</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088095.html" title="打12345举报会有麻烦吗" target="_blank">打12345举报会有麻烦吗</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088081.html" title="仓井空演的好看电影有那些" target="_blank">仓井空演的好看电影有那些</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088065.html" title="北京约车电话96103" target="_blank">北京约车电话96103</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088057.html" title="高炉产品的拼音是什么" target="_blank">高炉产品的拼音是什么</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088050.html" title="什么物质燃烧得到精华" target="_blank">什么物质燃烧得到精华</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088035.html" title="地下城高级装扮兑换券怎么用" target="_blank">地下城高级装扮兑换券怎么用</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088030.html" title="怎样用手机短信查银行卡余额" target="_blank">怎样用手机短信查银行卡余额</a></li> </ul> </div> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;"><script>wap_show_artlist1();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;margin: 10px 0px;"><script>pc_show_like_under();<\/script><\/div>'); } </script> <div class="nr_div mt10"> <div class="nr_div_title"><span>最新文章</span></div> <ul class="nr_div_list"> <li class="nr_div_list_item"> <div class="title"><a href="https://www.peixunwang.com.cn/2025/csiwd_0921/1088200.html" title="什么英雄克制凯" target="_blank">什么英雄克制凯</a></div> <div class="description">【什么英雄克制凯】在《王者荣耀》这款游戏中，凯是一位非常强势的战士英雄，拥有高爆发、高生存能力和较强的...<a href="https://www.peixunwang.com.cn/2025/csiwd_0921/1088200.html" title="什么英雄克制凯" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="http://zh.peixunwang.com.cn/2025/bzawd_0921/1088199.html" title="怎样织披肩简单又好看" target="_blank">怎样织披肩简单又好看</a></div> <div class="description">【怎样织披肩简单又好看】编织披肩是一项既实用又充满创意的手工活动，适合初学者和有一定经验的编织爱好者。...<a href="http://zh.peixunwang.com.cn/2025/bzawd_0921/1088199.html" title="怎样织披肩简单又好看" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="http://m.peixunwang.com.cn/2025/yaxwd_0921/1088198.html" title="怎样知道自己是什么星座" target="_blank">怎样知道自己是什么星座</a></div> <div class="description">【怎样知道自己是什么星座】了解自己的星座，是很多人探索自我、认识性格和命运的一种方式。星座不仅与出生日...<a href="http://m.peixunwang.com.cn/2025/yaxwd_0921/1088198.html" title="怎样知道自己是什么星座" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://news.peixunwang.com.cn/2025/zxuwd_0921/1088197.html" title="怎样知道自己身份证绑定的手机号码" target="_blank">怎样知道自己身份证绑定的手机号码</a></div> <div class="description">【怎样知道自己身份证绑定的手机号码】在日常生活中，我们可能会遇到需要查询自己身份证绑定的手机号码的情况...<a href="https://news.peixunwang.com.cn/2025/zxuwd_0921/1088197.html" title="怎样知道自己身份证绑定的手机号码" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="http://zh.peixunwang.com.cn/2025/bzawd_0921/1088196.html" title="地线的符号" target="_blank">地线的符号</a></div> <div class="description">【地线的符号】在电气工程和电子技术中，地线是一个非常重要的概念。它主要用于确保电路的安全运行、防止电击...<a href="http://zh.peixunwang.com.cn/2025/bzawd_0921/1088196.html" title="地线的符号" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://zixun.peixunwang.com.cn/yaowen/20250921/211088195.html" title="怎样知道自己被录取" target="_blank">怎样知道自己被录取</a></div> <div class="description">【怎样知道自己被录取】在参加各类考试或申请学校、单位时，考生最关心的问题之一就是“怎样知道自己被录取”...<a href="https://zixun.peixunwang.com.cn/yaowen/20250921/211088195.html" title="怎样知道自己被录取" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="http://m.peixunwang.com.cn/2025/yaxwd_0921/1088194.html" title="地线带电原因" target="_blank">地线带电原因</a></div> <div class="description">【地线带电原因】在电气系统中，地线的主要作用是为设备提供安全的电流泄放路径，防止因漏电或短路造成人身伤...<a href="http://m.peixunwang.com.cn/2025/yaxwd_0921/1088194.html" title="地线带电原因" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://www.peixunwang.com.cn/2025/jyawd_0921/1088193.html" title="怎样知道知道自己手机号码" target="_blank">怎样知道知道自己手机号码</a></div> <div class="description">【怎样知道知道自己手机号码】在日常生活中，很多人可能会忘记自己的手机号码，尤其是在频繁更换手机或号码的...<a href="https://www.peixunwang.com.cn/2025/jyawd_0921/1088193.html" title="怎样知道知道自己手机号码" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://news.peixunwang.com.cn/2025/zxuwd_0921/1088192.html" title="地线带电什么原因" target="_blank">地线带电什么原因</a></div> <div class="description">【地线带电什么原因】在日常生活中，有时会发现家中的电器外壳带有轻微的“麻电”感，甚至使用测电笔检测时，...<a href="https://news.peixunwang.com.cn/2025/zxuwd_0921/1088192.html" title="地线带电什么原因" target="_blank" class="llqw">浏览全文>></a></div> </li> <li class="nr_div_list_item"> <div class="title"><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088191.html" title="怎样知道玉认自己了" target="_blank">怎样知道玉认自己了</a></div> <div class="description">【怎样知道玉认自己了】玉石自古以来就被视为有灵性的物品，许多爱玉之人相信，玉石与主人之间有一种特殊的缘...<a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088191.html" title="怎样知道玉认自己了" target="_blank" class="llqw">浏览全文>></a></div> </li> </ul> </div> <script type="text/javascript"> setTimeout(document.write("<script type='text/javascript' src='https://www.peixunwang.com.cn/statics/sg/js/cp.js'><\/script>"),2000); </script> </div> <!--右侧侧部分开始--> <div class="article_r"> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_1();pc_show_right_font();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">大家爱看</div> <ul class="look_list"> <li><a href="http://zh.peixunwang.com.cn/2025/bzawd_0921/1088199.html" title="怎样织披肩简单又好看" target="_blank">怎样织披肩简单又好看</a></li> <li><a href="http://zh.peixunwang.com.cn/2025/bzawd_0921/1088196.html" title="地线的符号" target="_blank">地线的符号</a></li> <li><a href="http://m.peixunwang.com.cn/2025/yaxwd_0921/1088185.html" title="打电话显示通话结束是什么意思" target="_blank">打电话显示通话结束是什么意思</a></li> <li><a href="https://www.peixunwang.com.cn/2025/zsiwd_0921/1088184.html" title="怎样知道谁特别关心我" target="_blank">怎样知道谁特别关心我</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088172.html" title="打电话说正在通话中是什么意思" target="_blank">打电话说正在通话中是什么意思</a></li> <li><a href="https://www.peixunwang.com.cn/2025/jxuwd_0921/1088170.html" title="打电话说暂时无法接通怎么回事" target="_blank">打电话说暂时无法接通怎么回事</a></li> <li><a href="http://m.peixunwang.com.cn/2025/yaxwd_0921/1088166.html" title="高纤维的食物有哪些" target="_blank">高纤维的食物有哪些</a></li> <li><a href="https://news.peixunwang.com.cn/2025/zxuwd_0921/1088165.html" title="高屋建瓴含义" target="_blank">高屋建瓴含义</a></li> <li><a href="https://zixun.peixunwang.com.cn/yaowen/20250921/211088163.html" title="高温能杀死寄生虫吗田螺煮多久可以杀死寄生虫" target="_blank">高温能杀死寄生虫吗田螺煮多久可以杀死寄生虫</a></li> <li><a href="http://zh.peixunwang.com.cn/2025/bzawd_0921/1088158.html" title="龙雪兰下面的叶子逐渐枯萎" target="_blank">龙雪兰下面的叶子逐渐枯萎</a></li> </ul> </div> <div class="block2"></div> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right_banner();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">频道推荐</div> <ul class="look_list"> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088202.html" title="什么用来设置多行文本框的高度" target="_blank">什么用来设置多行文本框的高度</a></li> <li><a href="https://www.peixunwang.com.cn/2025/zsiwd_0921/1088201.html" title="什么英雄克制荣耀行刑官" target="_blank">什么英雄克制荣耀行刑官</a></li> <li><a href="https://www.peixunwang.com.cn/2025/csiwd_0921/1088200.html" title="什么英雄克制凯" target="_blank">什么英雄克制凯</a></li> <li><a href="http://m.peixunwang.com.cn/2025/yaxwd_0921/1088198.html" title="怎样知道自己是什么星座" target="_blank">怎样知道自己是什么星座</a></li> <li><a href="https://news.peixunwang.com.cn/2025/zxuwd_0921/1088197.html" title="怎样知道自己身份证绑定的手机号码" target="_blank">怎样知道自己身份证绑定的手机号码</a></li> <li><a href="https://zixun.peixunwang.com.cn/yaowen/20250921/211088195.html" title="怎样知道自己被录取" target="_blank">怎样知道自己被录取</a></li> <li><a href="https://www.peixunwang.com.cn/2025/jyawd_0921/1088193.html" title="怎样知道知道自己手机号码" target="_blank">怎样知道知道自己手机号码</a></li> <li><a href="https://www.peixunwang.com.cn/2025/jxuwd_0921/1088188.html" title="怎样知道微博私信已读未读" target="_blank">怎样知道微博私信已读未读</a></li> <li><a href="https://news.peixunwang.com.cn/2025/zxuwd_0921/1088186.html" title="苍茫大地是什么意思" target="_blank">苍茫大地是什么意思</a></li> <li><a href="https://www.peixunwang.com.cn/2025/csiwd_0921/1088181.html" title="怎样知道身上有没有保家仙" target="_blank">怎样知道身上有没有保家仙</a></li> </ul> </div> <div class="block2"></div> <script> if (!isMobile()){ document.write('<div style="text-align:left;margin-top:5px;"><script>pc_show_right300x4_2();<\/script><\/div>'); } </script> <div class="mt10 fl"> <div class="look_bt">站长推荐</div> <ul class="look_list"> <li><a href="http://m.peixunwang.com.cn/2025/yaxwd_0921/1088190.html" title="苍茫的大地一片秋黄是什么歌曲" target="_blank">苍茫的大地一片秋黄是什么歌曲</a></li> <li><a href="https://zixun.peixunwang.com.cn/yaowen/20250921/211088187.html" title="地线带电的原因及处理方法" target="_blank">地线带电的原因及处理方法</a></li> <li><a href="http://bbs.peixunwang.com.cn/2025/yxuwd_0921/1088183.html" title="苍芒的天涯是我的爱" target="_blank">苍芒的天涯是我的爱</a></li> <li><a href="https://news.peixunwang.com.cn/2025/zxuwd_0921/1088182.html" title="打电话显示呼叫被转移是什么意思" target="_blank">打电话显示呼叫被转移是什么意思</a></li> <li><a href="http://bbs.peixunwang.com.cn/2025/yxuwd_0921/1088180.html" title="打电话无法接通是怎么回事" target="_blank">打电话无法接通是怎么回事</a></li> <li><a href="https://www.peixunwang.com.cn/2025/jxuwd_0921/1088177.html" title="地下勇士城中特级硬化剂哪里能得到" target="_blank">地下勇士城中特级硬化剂哪里能得到</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088176.html" title="苍龙逐日最强武功搭配" target="_blank">苍龙逐日最强武功搭配</a></li> <li><a href="https://www.peixunwang.com.cn/2025/jyawd_0921/1088175.html" title="打电话听不到对方声音怎么回事" target="_blank">打电话听不到对方声音怎么回事</a></li> <li><a href="https://www.peixunwang.com.cn/2025/csiwd_0921/1088169.html" title="苍龙纹身的寓意" target="_blank">苍龙纹身的寓意</a></li> <li><a href="https://www.peixunwang.com.cn/2025/zsiwd_0921/1088168.html" title="打电话是空号是不是拉黑了" target="_blank">打电话是空号是不是拉黑了</a></li> <li><a href="https://www.peixunwang.com.cn/2025/jyawd_0921/1088162.html" title="高温费是哪几个月发放的" target="_blank">高温费是哪几个月发放的</a></li> <li><a href="https://www.peixunwang.com.cn/2025/zsiwd_0921/1088160.html" title="高徒汉语大词典是什么" target="_blank">高徒汉语大词典是什么</a></li> <li><a href="https://news.peixunwang.com.cn/2025/zxuwd_0921/1088156.html" title="龙须枣如何养殖" target="_blank">龙须枣如何养殖</a></li> <li><a href="http://m.peixunwang.com.cn/2025/yaxwd_0921/1088151.html" title="上海虹桥火车站坐几号地铁" target="_blank">上海虹桥火车站坐几号地铁</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088146.html" title="上海虹桥国际机场地铁几号线" target="_blank">上海虹桥国际机场地铁几号线</a></li> <li><a href="https://www.peixunwang.com.cn/2025/zsiwd_0921/1088144.html" title="上海虹桥到宁波高铁时刻表" target="_blank">上海虹桥到宁波高铁时刻表</a></li> <li><a href="http://bbs.peixunwang.com.cn/2025/yxuwd_0921/1088139.html" title="北京中软宏大信息技术有限公司" target="_blank">北京中软宏大信息技术有限公司</a></li> <li><a href="http://bbs.peixunwang.com.cn/2025/yxuwd_0921/1088129.html" title="什么样的回家了" target="_blank">什么样的回家了</a></li> <li><a href="https://www.peixunwang.com.cn/2025/jyawd_0921/1088128.html" title="什么样的花园填形容词" target="_blank">什么样的花园填形容词</a></li> <li><a href="https://www.peixunwang.com.cn/2025/ricwd_0921/1088117.html" title="高铁行李箱一般放哪" target="_blank">高铁行李箱一般放哪</a></li> </ul> </div> <div class="block2"></div> </div> <!--右侧部分结束--> </div> </div> <div class="clearfix"></div> <script> if (isMobile()){ document.write('<script>wap_show_button_under();<\/script>'); } </script> <div class="footer"><div class="main"> <div class="copylink"> <p class="link"> <a href="https://www.peixunwang.com.cn/about.html" target="_blank">关于我们</a><span>|</span> <a href="https://www.peixunwang.com.cn/lxfs.html" target="_blank">联系方式</a><span>|</span> <a href="https://www.peixunwang.com.cn/bqsm.html" target="_blank">版权声明</a><span>|</span> <a href="https://www.peixunwang.com.cn/mzsm.html" target="_blank">免责声明</a><span>|</span> </p> </div> <div id="copy" class="graylink"> Copyright © 2007-2025 www.peixunwang.com.cn All Right Reserved. 版权所有 东南教育网 工信部网站备案编号：<a href="http://beian.miit.gov.cn" target="_blank">闽ICP备20009870号-7</a> </div> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?70f213876385164ef45b93578871958a31d12f24a0c13250d86c278ab930478f8a24d2f724c31ebe20c1e4e6fba6d91caf576100b02a2870c72f38fc574066fef065d152c73bf1cbb2ebad3b5b5265d8"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> </div> </div> </body> </html>