官网文档: http://html2canvas.hertzen.com/ 使用的是 jquery 3.2.1   html2canvas 1.0.0-rc.7 截取根据id的指定区域: var canvasOtherTopHeight = $('.heading').height() + 31 + $('#site-navbar').height(); // .heading是指定区域父级上面同级的dom,因为存在高度,所以要计算到内 function createCanvas(id, obj

最近需要做一个iframe调用其他页面内容,这个iframe地址是可变化的,但是里面的内容高度不确定且里面内容高度可调整,所以需要通过监听iframe里面body的高度变化来调整iframe的高度. 后面发现了一个好用的插件detect-element-resize.js,首先看一下这个插件的介绍: 插件简介 跨浏览器,基于事件,元素调整大小检测. 简而言之,此实现不使用内部计时器来检测大小更改(就像我发现的大多数实现一样).它使用scroll大多数浏览器上的onresize事件,以及IE10及

window.parent.document.getElementsByTagName('iframe')[0].contentWindow.document.getElementById('id')

假设使用window的跳转方法 ①window.parent.frames.location.href = "1.html";    //可以跳出iframe父级      此方法虽可跳出父级iframe框架,但是点击浏览器回退键时会把之前所有数据显示在页面上  故不采用 ②window.open("1.html","_self");   //若内容需要显示在框架内,就用_self   若需要新开一个页面,就是用_blank

一.如果高层域名相同的话,可以通过document.domain来实现跨域访问 例如: 父级域名:localhost:8080 子级域名:localhost:9090 那么可以设置document.domain = 'localhost' 来实现跨域访问 二.如果域名没有相同之处 先来做一个假设:假如 我现在有两个系统,一个是工作流服务平台,其中一个功能就是“代办”: 另一个是OA系统,现在我要在OA系统中直接嵌入工作流服务平台的代办页面,而代办页面的中,点击处理又会打开OA系统提供的审批页面,

  第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe')[0];var ifr_document = iframe.contentWindow.document;//iframe中的文档内容 或者: var _iframe = document.getElementByIdx_x('iframeId').contentWindow; var _div

在子页面里面的事件里写 self.parent.window.父级函数名('参数名'); 父级里面直接写函数. js中的parent.top.self的含义. js中经常看到window.parent.window.top.window.self,那么这些代表什么意思呢?1.parent常用在iframe和frame中的子页面访问父页面中的对象.2.top:一个页面可能会有很多层,top是指最顶层的框架.3.self是指当前窗口.

摘自:http://blog.csdn.net/kongjiea/article/details/38870399 1.在父页面 获取iframe子页面的元素 (在同域的情况下 且在http://下测试,且最好在iframe onload加载完毕后 dosomething...) js写法 a.同过contentWindow获取 也有用contentDocument 获取的 但是contentWindow 兼容各个浏览器,可取得子窗口的 window 对象.contentDocument Fir

字符串转成json数据,和json转成字符串方法 //转为JSON adinfo=JSON.parse(adinfo) //转为字符串 adinfo=JSON.stringify(adinfo) 大概流程: var gdt_adinfo=[]; 父级页面通过接口获取的数据: this.url="http://gjs.adwo.com/gjs/gad_i?sdkVersion="+sdkVersion+"&n=1&gp="+gp; 获取数据后处理的方法

window.parent.attributeName;  // 访问属性attributeName是在父级窗口的属性名 window.parent.Func();  // 访问属性Func()是在父级窗口的方法 window可以不写 项目里用于上传文件功能使用了iframe,在引用iframe的页面里取父类元素或JS里的变量时候,需加上window.parent. 在index.JS定义的JS变量bootStrapFileUploadUrl = “上传的url”:在iframe里取的时候如下:

项目中发现,多系统通过iframe嵌套时,如果iframe的请求是重定向会导致父级页面重定向,怎么破? 查找MDN(https://developer.mozilla.org/zh-CN/docs),找到sandbox 属性是用来限制安全沙箱的. 最终的设置 (不包含allow-top-navigation即可) 1.在 PC 端你可以这样设置 iframe, 来防止父级页面被重定向, 产生重定向结果的链接会以 _blank 的形式打开 <iframe src="page-b.html&q

原文:http://www.jb51.net/article/40583.htm 有内嵌iframe的页面,当session过期时,点击连接重定向后的跳转会在iframe中跳转,在登录页面中加入下面的代码,就会在最外层页面跳转 原文:http://www.cnblogs.com/JemBai/archive/2011/10/09/2203429.html <script language="JavaScript"> if (window != top) top.locati

window.parent.父级函数名();

window.frames["iframevehquery"].add(); // 父页面调用嵌套子页面的js函数, iframevehquery 为 iframe 的name值,add()为子页面的js函数: parent.removeMapOverlay();// 子页面调用父级页面的js函数. $("#changeCar", window.parent.document).show();//操作父级页面元素 $('#frmSendVeh').contents(

js代码 var GetParams = function(url,bool) { try { if(bool){ var index = url.indexOf('?'); url = url.match(/\?([^#]+)/)[1]; } var obj = {}, arr = url.split('&'); for (var i = 0; i < arr.length; i++) { var subArr = arr[i].split('='); obj[subArr[0]] = s

A :父级调用子级页面 ,非IFRAME情况,类似平级: window.open("子页面.html", "", "width=1024,height=768"); window.opener.子页面函数名字(); B : 父级调用子级页面 ,IFRAME情况 window.frames["iframe名字"].子页面的函数(); C: 子级调用父级就简单了 window.parent.getIdsChangeCate(ids

网站域名: A:http://www.xxoo.com/a.html B:http://www.aabb.com/b.html B网站嵌套与A网站(A的a中的Iframe指向B中的b)b要让父级a页面执行脚本  则有如下几种方式: 在A域名下网站新建a1.html页面 在B域名下b网页添加iframe 指向a1.html页面  路径为http://www.xxoo.com/a1.html#你的参数 在a1页面中用:var str = window.location.hash; 获取 通过:var

实现背景色透明效果的代码 实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性. 输入十六进制的颜色值以及透明度,自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算. 增加对IE9浏览器中的滤镜取消效果 ★ 鉴于需要做浏览器的hack,使用了:root来让IE9以前的浏览器不支持效果,所以增加了一个需要添加选择符类名的方式,对于这块需要大家在后期添加样式到代码中做单独的处理 把CSS代码中的backgroun

本文系作者原创,转载请注明出处 入门级的笔者想了一上午才搞懂那个欧拉角的Camera旋转..=.= 在调试场景的时候,每次都本能的按下W想前进,但是这是不可能的(呵呵) 于是便心血来潮想顺便添加个KeyMove事件给摄像机,来实现 伪"漫游"场景 吧. 笔者之前看到过一个叫First Person Controller的Prefab,直接就实现了第一人称的场景漫游(即是不能到处乱飞,只能在一个固定高度进行场景浏览,模拟人行走的意思) 盗张图嘿嘿 但是介于刚刚入门不知道哪儿去找,所以只能

借知乎的回答如下解释: 首先,我想告诉你的是,如果父级元素是绝对定位(absolute)或者没有设置,里面的绝对定位(absolute)自动以body定位.这句话是错的.正确的是:只要父级元素设了position并且不是static(默认既是static),那么设定了absolute的子元素即以此为包含块(最近的).绝对定位(Absolute positioning)元素定位的参照物是其包含块,既相对于其包含块进行定位,不一定是其父元素. 参考:https://www.zhihu.com/que

今天在做一个数据统计的界面的时候,需要做折线统计图,在网上找了一圈发现数据统计的插件还是不少的,本着轻量级的的原则选择了Chart.js,后来在做的过程中便遇到两个问题,以此记录下来,和刚刚接触前端的朋友共同进步. 问题1:chart.js是用canvas实现的,但是canvas不能直接设置父级元素的百分比. 解决办法:通过js获取父级元素的宽度,将获取到的宽度赋给canvas(这个也是解决第二个问题的先决条件) 代码如下: 这个是结构代码: <div class="cavsBox cav