需要准备的材料分别是：电脑、html编辑器、浏览器。1、首先，打开html编辑器，新建html文件，例如：index.html，填写相应html代码。2、在index.html的标签中，输入js代码：var a = $(#iframe).text()var s = a.indexOf(<body>)<br>var e = a.indexOf(</body>)<br>var r = a.substr(s 14, e - s - 14)<br>$(#iframe).parent().append(r)<br><br>3、浏览器运行index.html页面，此时两层iframe里的内容被取出来了。<br><br></p><h2>Jquery如何获取iframe里面body的html呢？</h2><p>Jquery可以使用“$("iframe body").html()”语句获取iframe里面body的html内容。<br>jQuery选择器允许对HTML元素组或单个元素进行操作，所有选择器都以美元符号开头：$()。元素选择器基于元素名选取元素，例如：“$("p")”可以获取页面中所有<p>元素对应的jquery对象。<br>jQuery对象的html()函数用于获取该对象对应html标签内包含的所有html代码。<br><br>扩展资料：<br>jQuery选择器的分类：<br>1、元素选择器<br>jQuery元素选择器基于元素名选取元素，例如：“$("p")”用于选取出所有p标签的jquery对象。<br>2、id选择器<br>jQuery #id选择器通过HTML元素的id属性选取指定的元素。页面中元素的id应该是唯一的，所以您要在页面中选取唯一的元素需要通过#id选择器，例如：“$("#test")”于选取出id为“test”的jquery对象。<br>3、class 选择器<br>jQuery类选择器可以通过指定的class查找元素，例如：$(".test")用于选取出所有包含“.test”类的jquery对象。<br>参考资料来源：搜狗百科-jQuery</p><h2>JS获取body的高度</h2><p>1、document.body.clientWidth//网页可见区域宽<br>2、document.body.clientHeight//网页可见区域高<br>3、document.body.offsetWidth//网页可见区域宽(包括边线的宽)<br>4、document.body.offsetHeight//网页可见区域高(包括边线的高)<br>5、document.body.scrollWidth//网页正文全文宽<br>6、window.screen.availHeight//屏幕可用工作区高度<br>7、window.screen.availWidth//屏幕可用工作区宽度<br>8、alert($(document.body).outerWidth(true))//浏览器时下窗口文档body的总宽度 包括border padding margin<br>9、alert($(document.body).width())//浏览器时下窗口文档body的高度<br><br><img src="https://pic.wenwen.soso.com/pqpic/wenwenpic/0/20190701215908-882841425_png_469_380_161796/0"/><br><br>扩展资料：<br>1、alert($(window).height()) //浏览器时下窗口可视区域高度<br>2、alert($(document).height()) //浏览器时下窗口文档的高度<br>3、alert($(document.body).height())//浏览器时下窗口文档body的高度<br><br>4、alert($(document.body).outerHeight(true))//浏览器时下窗口文档body的总高度 包括border padding margin<br><br>5、alert($(window).width()) //浏览器时下窗口可视区域宽度<br><br>6、alert($(document).width())//浏览器时下窗口文档对于象宽度<br><br>7、alert($(document).scrollTop()) //获取滚动条到顶部的垂直高度<br><br>8、alert($(document).scrollLeft()) //获取滚动条到左边的垂直宽度</p><h2>怎么把jquery获取的窗口值赋予成html写的body的高和宽？</h2><p><!DOCTYPE html><br><html><br>  <head><br> <meta http-equiv="Content-Type" content="text/html charset=UTF-8"><br> <script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"><br> <title><br> RunJS 演示代码<br> </title><br> <br> $(function(){<br> var H = $(window).height()<br> var W = $(window).width()<br> $("body").width(W).height(H)a<br><br> })<br> <br>  </head><br> <body><br><br>  </body><br></html></p> </div> </div> <div class="clear"></div> </div> <div class="sider"> <div class="right"><div class="subblock" id="v_pm2"></div> <div class="subblock"> <h3>最新文章</h3> <ul> <li><div class="sideshow"> <a href="/kaifa/1706625727608178.html" target="_blank" title="jar包是什么，有什么用">jar包是什么，有什么用</a> <span class="datetime">2024-01-30 22:42:07</span> </div></li><li><div class="sideshow"> <a href="/kaifa/1706625710535217.html" target="_blank" title="在tomcat上怎么运行jar包">在tomcat上怎么运行jar包</a> <span class="datetime">2024-01-30 22:41:50</span> </div></li><li><div class="sideshow"> <a href="/kaifa/1706625701582635.html" target="_blank" title="可执行的Jar怎么设置双击运行">可执行的Jar怎么设置双击运行</a> <span class="datetime">2024-01-30 22:41:41</span> </div></li><li><div class="sideshow"> <a href="/kaifa/1706625543070636.html" target="_blank" title="自动换行的内容怎么变成一行">自动换行的内容怎么变成一行</a> <span class="datetime">2024-01-30 22:39:03</span> </div></li><li><div class="sideshow"> <a href="/kaifa/1706625505724212.html" target="_blank" title="代码输入怎么换行">代码输入怎么换行</a> <span class="datetime">2024-01-30 22:38:25</span> </div></li><li><div class="sideshow"> <a href="/kaifa/1706623624879770.html" target="_blank" title="jetty使用教程">jetty使用教程</a> <span class="datetime">2024-01-30 22:07:04</span> </div></li><li><div class="sideshow"> <a href="/kaifa/1706623609027564.html" target="_blank" title="linux下tomcat启动找不到servlet">linux下tomcat启动找不到servlet</a> <span class="datetime">2024-01-30 22:06:49</span> </div></li><li><div class="sideshow"> <a href="/kaifa/1706622579929447.html" target="_blank" title="vuejs方法传不进参数">vuejs方法传不进参数</a> <span class="datetime">2024-01-30 21:49:39</span> </div></li><li><div class="sideshow"> <a href="/kaifa/1706622571154599.html" target="_blank" title="vue如何写全局定时方法">vue如何写全局定时方法</a> <span class="datetime">2024-01-30 21:49:31</span> </div></li><li><div class="sideshow"> <a href="/kaifa/1706622059402241.html" target="_blank" title="win如何导入代码">win如何导入代码</a> <span class="datetime">2024-01-30 21:40:59</span> </div></li> </ul> </div> </div> <div class="right"><div class="subblock" id="v_pm2"></div> <div class="subblock"> <h3>随便看看</h3> <ul> <li><div class="sideshow"> <a href="/chongwu/1687854849122760.html" target="_blank" title=" 养比熊、是养公的还是母的呢 比熊是公的好还是母的好"> 养比熊、是养公的还是母的呢 比熊是公的好还是母的好</a> <span class="datetime">2023-06-27 16:34:09</span> </div></li><li><div class="sideshow"> <a href="/chongwu/1687855110673257.html" target="_blank" title=" 红耳鹎吃什么，主要以植物性食物为主 免子一般吃什么食物? - 百度"> 红耳鹎吃什么，主要以植物性食物为主 免子一般吃什么食物? - 百度</a> <span class="datetime">2023-06-27 16:38:30</span> </div></li><li><div class="sideshow"> <a href="/chongwu/1687857583361150.html" target="_blank" title=" 投资开一家宠物店需要什么设备购买设备需要多少钱 开宠物店设备需要多少钱"> 投资开一家宠物店需要什么设备购买设备需要多少钱 开宠物店设备需要多少钱</a> <span class="datetime">2023-06-27 17:19:43</span> </div></li><li><div class="sideshow"> <a href="/chongwu/1687858570945752.html" target="_blank" title=" 荷兰兔最大长多大,能不能住苍鼠住过的笼子? 荷兰垂耳兔成年后能长多长"> 荷兰兔最大长多大,能不能住苍鼠住过的笼子? 荷兰垂耳兔成年后能长多长</a> <span class="datetime">2023-06-27 17:36:10</span> </div></li><li><div class="sideshow"> <a href="/chongwu/1687859472667654.html" target="_blank" title=" 兔子寿命有多长 兔子寿命一般是多少年"> 兔子寿命有多长 兔子寿命一般是多少年</a> <span class="datetime">2023-06-27 17:51:12</span> </div></li><li><div class="sideshow"> <a href="/chongwu/1687861386713610.html" target="_blank" title=" 狗狗得冠状病毒有什么症状 狗狗得细小冠状病毒了！"> 狗狗得冠状病毒有什么症状 狗狗得细小冠状病毒了！</a> <span class="datetime">2023-06-27 18:23:06</span> </div></li><li><div class="sideshow"> <a href="/chongwu/1687862404879535.html" target="_blank" title=" 雪纳瑞正常情况下几岁掉牙 请问小型犬正常几岁开始掉牙"> 雪纳瑞正常情况下几岁掉牙 请问小型犬正常几岁开始掉牙</a> <span class="datetime">2023-06-27 18:40:04</span> </div></li><li><div class="sideshow"> <a href="/chongwu/1687862843454339.html" target="_blank" title=" 熊猫兔能长多大? 怎么判断兔子多大了"> 熊猫兔能长多大? 怎么判断兔子多大了</a> <span class="datetime">2023-06-27 18:47:23</span> </div></li><li><div class="sideshow"> <a href="/chongwu/1687862875090344.html" target="_blank" title=" 泰迪身上不断的长脓包 狗狗身上长了小豆豆像脓包一样是怎么回事"> 泰迪身上不断的长脓包 狗狗身上长了小豆豆像脓包一样是怎么回事</a> <span class="datetime">2023-06-27 18:47:55</span> </div></li><li><div class="sideshow"> <a href="/chongwu/1687864116260539.html" target="_blank" title=" 松狮的问题 狗狗最长能活多久"> 松狮的问题 狗狗最长能活多久</a> <span class="datetime">2023-06-27 19:08:36</span> </div></li> </ul> </div> </div> </div> </div> <div class="clear"></div> <div class="footer"> <div class="wrap"> <div class="group"> <span>版权声明</span> <p>本站仅提供信息存储空间服务，旨在传递更多信息，不拥有所有权，不承担相关法律责任，不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的，请发送邮件至 <span id="vemail"></span> 举报，一经查实，本站将立刻删除。</p> </div> <div class="group"> <span>联系我</span> <p> <ul> <li>玲珑百科</li> <li>QQ:<span id="vqq"></span></li> <li>Email:<span id="femail"></span></li> </ul> </p> </div> <div class="group"> <span>特别鸣谢</span> <p> 玲珑百科 </p> </div> <div class="clear"></div> <p class="ffooter">Copyright © 2010-2025 <a href="/" target="_blank">玲珑百科</a> 版权所有 | </p> </div> </div><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d1b603d2bd7951bbbf29565348435cd5"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>
