1、程序说明1) 此程序可以实现选择页面中的区域进行打印，以iframe方式进行打印；2) 与原生态的print() 区别在于，取消打印页面后可以完整保留当前访问页面的内容。2、代码部分 1) JS 函数：代码如下:function do_print(id_str)//id-str 打印区域的id{var el = document.getElementById(id_str);var iframe = document.createElement(IFRAME);var doc = null;iframe.setAttribute(style, position:absolute;width:0px;height:0px;l...
iframe自适应高度本身是很简单的方法，就是在页面加载完成后，重新计算一下高度即可。 代码如下： 代码如下://公共方法：设置iframe的高度以保证全部显示数据//function SetPageHeight() {// var iframe = getUrlParam(ifname);// var myiframe = window.parent.document.getElementById(iframe);// iframeLoaded(myiframe);//}var iframeLoaded = function (iframe) { if (iframe.src.length > 0) { if (!ifr...
测试页面代码： 代码如下: jquery方式，访问iframe页面dom元素 function getIframeDom(){ // 获取iframe的test元素 var test = $("#frame_1").contents().find("#test"); alert(test.html()) } 获取iframe 页面test元素内容 test.html 页面代码 代码如下: iframe页面a.html 我是测试页面test 点击测试按钮效果： JavaScript教程/参考手册 JavaScript热搜 Vue组件中prop属性使用说明实例代码详...
代码如下: $(function () { var $main = $("#main").height(); var $searchPanel = $("#searchPanel").height(); var $listArea = $("#listArea").height(); $("#aaax").height($(window).height() - $main - $searchPanel - $listArea + 180); var $aaax = $("#aaax").height(); if ($aaax else { $("#aaax").height($(window).height() - $main - $searchPanel - $listArea + 180); } var $chartArea = $("#chartArea").width(...
iframe代码，注意要写ID 代码如下:jquery代码一：代码如下://注意：下面的代码是放在test.html调用 $(window.parent.document).find("#main").load(function(){ var main = $(window.parent.document).find("#main"); var thisheight = $(document).height()+30; main.height(thisheight); });jquery代码二： 代码如下://注意：下面的代码是放在和iframe同一个页面调用 $("#main").load(function(){ var mainheight = $(this).cont...
javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码！?基于Jquery库的代码很好实现：$(document).ready(function(){ $("#mainframe").load(function(){ $(this).height(0); //用于每次刷新时控制IFRAME高度初始化 var height = $(this).contents().height() + 10; $(this).height( height ?基于JS原生代码的实现：if (window.parent.length>0){window.parent.document.all.mainframe.style.heigh...
1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames(iframename).document) 3.js 在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x("元素id"); 4.js 在父页面获取iframe子页面元素代码如下: window.frames["iframe_ID"].document.getElementByIdx_x("元素id"); 5.子类iframe内调用父类...
应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。 解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动。 遇到问题：获取父窗体元素（因为有域限制，所有需要在网络环境下方位（即http://domain.com））；父窗体嵌套多个iframe，判断是否是当前ifr...
本文以实例形式讲述了Iframe实现跨浏览器自适应高度解决方法，非常具有实用价值。分享给大家供大家参考之用。具体方法如下： 该方法使用了jQuery，因此需要在iframe的src页面里面引入jQuery。 父页面里面相对简单一点，主要包含以下代码：在iframe的src页面里面代码如下：function resizeContent() {$(window.parent.document).find("#if1").height($("#content").height()); }function show400() {if($("#test400").css("display"...
取得iframe src属性的的值： Html代码jquery $(document).ready(function (){ var dk = $(window.parent.document).find("#iframe_id").attr("src"); alert(dk); });
test.html Html代码jquery $(document).ready(function (){ $("#show").click(function (){ var iframeObj = $(window.frames["iframe_name"].document); alert(iframeObj.find("#un").val()); }); }); login.html Html代码登录页面 注意：必须同源
获取iframe的document对象的目的就是进行dom的操作$(function() { var result = $('#myframe').prop('contentWindow').document; console.log(result); });这样输出来的结果是：document对象
例如父窗口定义了一个事件。 top: $(dom1).bind(topEvent, function(){}); 那么iframe里面的元素怎样触发父窗口dom1的事件呢？这样吗？ $(dom1, parent.document).trigger(topEvent); 看似正确，实则误导人。 因为父窗口的jquery对象与iframe里面的jquery对象实际为两个对象（function），iframe里面的jquery并不会触发另一个jquery对象定义的事件。除非你在iframe这样定义了： iframe: self.$ = parent.$; 所以解决的方法很简单：...
我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述 查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容示例 描述: 查找所有文本节点并加粗 HTML 代码如下: Hello John</a">http://ejohn.org/">John, how are you doing?jQuery 代码如下: $("p").contents().not("[nodeType=1]").wrap("");结果: Hello John</a">http://ejohn.org/">John, how are you doing?描述: 往一个空...
这里介绍两个超级简单的方法，不用写什么判断浏览器高度、宽度啥的。 下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。 注意别放错了地方。 iframe的代码中，注意要写ID，没有ID查找不到代码如下:方法一：代码如下: //注意：下面的代码是放在和iframe同一个页面调用 $("#main").load(function(){ var mainheight = $(this).contents().find("body").height()+30; $(this).height(mainheigh...