IE、FF兼容 iframe 截取页面某坐标的内容
来源:互联网 发布:淘宝店铺的微淘在哪里 编辑:程序博客网 时间:2024/06/01 10:35
先来熟悉下,Iframe的一些属性:
1. marginheight 属性规定框架内容与框架的上方和下方之间的高度,以像素计。
2. maiginweidth 属性规定框架内容与框架的左侧和右侧之间的高度,以像素计。
3. vspace y方向显示的区域,负值为从目标网页最上面开始截取的部分,正值为y值+从上部开始内容区域
4. hsapce x方向显示的区域,负值为从目标网页左侧开始截图的部分,正值为x值+从左侧开始内如区域
5. src 目标网页的地址,可以为html,asp,文本等内如
6. frameborder 框架边框,0为无边框(画中画效果)
7. scrolling 是否显示滚动,yes显示
8. align:指定浮动窗口内的页面相对于浮动窗口的位置,它的值有left、right、top、middle、bottom
9. marginwidth、marginheight 目标网页被框架覆盖的深度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body onload="f()">
<script type="text/javascript">
function f(){
var el = document.createElement("iframe");
el.setAttribute('id', 'ifrm');
document.body.appendChild(el);
el.setAttribute('src', 'http://www.XXX.com#aad');
if (document.all){//IE
el = document.frames["ifrm"].document;
}else{//Firefox
el = document.getElementById("ifrm").contentDocument;
}
doc.getElementById("aad").style.color="blue";
}
</script>
</body>
</html>
找了很久的呀,单用<iframe src="http://www.XXX.com#aad/" width="200" height="500"> 这个代码,在FF里面是可以正常显示的,但是到了IE可就不对了,坐标完全没有定位到。 (注:#aad为需要的div层的id=“aad”)
用iframe截取虽然可以实现需要的效果,但是浏览器还是会先把整个网页下载完成,然后才定位,网速慢的话,这一点就特别明显。
所以并不推荐使用iframe.
- IE、FF兼容 iframe 截取页面某坐标的内容
- Javascript获取IFrame内容(兼容IE&FF)
- Javascript获取IFrame内容(兼容IE&FF)
- Javascript获取IFrame内容(兼容IE&FF)
- iframe页面调用高度自适应方法代码,兼容IE,FF
- js 取iframe内的dom, 兼容IE,ff
- 兼容ff和ie的可编辑iframe
- IE FF 兼容的IFRAME 自适应高度JS代码
- 真正的iframe高度自适应(兼容IE,FF,Opera)
- js操作iframe的div移动 | 兼容FF+IE
- iframe高度自适应,兼容IE,FF
- 兼容FF IE的Event
- IE和FF的兼容
- 发现一个IE和FF的iframe不兼容的地方
- js实现的非跨域的iframe高度自适应(完美兼容IE,FF,Opera)
- 获取页面对象内的坐标值【兼容IE】
- 让iframe可编辑,兼容IE和FF
- 跨域iframe高度自适应(兼容IE/FF/OP/Chrome)
- mac更新系统版本后的安装包路径
- linux c语言判断字符串是否是utf8
- 第1次实验——NPC问题(回溯算法、聚类分析)
- 获取在线汇率
- 解决maven仓库有jar包但是maven程序无法下载仓库jar包
- IE、FF兼容 iframe 截取页面某坐标的内容
- 拷贝构造函数的几个细节
- android NDk初步学习以及某些小问题的解决方法备忘 一
- OpenCV(一) 安装配置篇 opencv2.49以及vs2010及其以上版本
- Sie Instant Messenger FIFA 14 Coins kaufen
- Dijkstra最短路径
- Redhat编码格式(系统语言、字符集)查询修改
- Java中throw和throws的区别
- Android动画背景图自动播放的实现