/**
* 新增加的功能:初始化参数,参数包括iframe的document和window,对于html,可以使用document操作,函数方法,可以使用window操作
*/
var ifDoc = null;
var ifWin = null;
initIframeParam = function(){
//console.log('进来 了?');
if (document.all){//IE
ifDoc = document.frames["MyIFrame"].document;
ifWin = document.getElementById("MyIFrame").contentWindow;
//alert('是这里吗?'+document.getElementById("MyIFrame").contentWindow.t);
}else{//Firefox
ifWin = document.getElementById('MyIFrame').contentWindow;
ifDoc = document.getElementById('MyIFrame').contentDocument || document.getElementById('MyIFrame').contentWindow.document;
}
}
/**
*检测滚动条的座标,并设置iframe内容移动
*/
function ScollPostion() {//滚动条位置
var tt, ll, ww, hh;
if (document.documentElement && document.documentElement.scrollTop) {
tt = document.documentElement.scrollTop;
ll = document.documentElement.scrollLeft;
ww = document.documentElement.scrollWidth;
hh = document.documentElement.scrollHeight;
} else if (document.body) {
tt = document.body.scrollTop;
ll = document.body.scrollLeft;
ww = document.body.scrollWidth;
hh = document.body.scrollHeight;
}
//console.log(tt, ll, ww, hh);
var sam = ifDoc.getElementById('sample1');
//设置iframe的sample1的属性
sam.scrollTop = tt/10;
sam.scrollLeft = ll/10;
}
/**
*监听滚动条
*/
var timeout = false;
$(window).scroll(function(){
if (timeout){
clearTimeout(timeout);
}
timeout = setTimeout(function(){
ScollPostion();
},100);
});
分享到:
相关推荐
js弹出div层模拟alert+(iframe中使用).内附一个可以移动的div层
如果乱码的话,,那就改一下编码,,,GB2312或者utf-8,,还乱码,那就编辑js文件在保存下保存,GB2312或者utf-8,,页面上也一致
js加iframe轻松实现异步图片上传 可以预览 兼容FF,chrome,ie9
NULL 博文链接:https://wintys.iteye.com/blog/426091
零基础html5+div+css+js网页开发教程第014期_iframe
js操作iframe的一些知识,操作iframe
javascript浮动div,可拖拽div,遮罩层(div和iframe实现)
通过Div+CSS 结合Jquery制作的具有左侧菜单、导航菜单、下拉菜单、自动适应窗口大小、自动控制iframe高度,动态修改CSS样式,利用CSS的expression表达式,自动调整div大小,实现div左侧跟随的诸多布局应用。
本篇主要是对JS操作iframe里的dom进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
NULL 博文链接:https://xxiongdi.iteye.com/blog/407282
给大家介绍了div被iframe遮住的一些情况,以及被遮住后的解决办法,有需要的朋友们可以参考借鉴。
入门级前端页面布局,iframe的一些自带属性比较有局限性,如果换成DIV去代替,可以灵活延伸改良用户体验
div+js实现的弹出对话框,调用简单,可拖动,父页面禁止并半透明。弹出框可内嵌功能页面,也可去掉“iframe”然后做成单纯的对话框。 在windowsXP sp2下的 IE8、firefox3.5、opera10、傲游、TT浏览器、搜狗浏览器、...
自己改写的js弹出div层模拟alert 可以自定义样式 在iframe框架中使用 避免了覆盖层只覆盖子页面的问题
div+css代替iframe框架并带全屏遮罩加载特效,div+css框架、div代替iframe、框架全屏遮罩、全屏加载特效
最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....
iframe自适应高度(兼容多种浏览器) 亲测可以
多个iframe,其中一个frame中的隐藏div能够在最上层显示,不会挡着这个div
js 操作iframe
NULL 博文链接:https://shenlm203.iteye.com/blog/819641