try { var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location="http://m.f773.com/Style/Html/2016/0608/1898.html"; } } } catch(err) { }
var pn = location.pathname; var as = document.getElementById('dvGuider').getElementsByTagName('a'),find=false; for (var i = 0, j = as.length; i < j; i++) if (as[i].href.indexOf(pn) != -1) { as[i].className = 'crrue'; find = true; break; } if (!find) as[0].className = 'crrue';//如果未找到匹配的,需要设置哪个获取焦点可以修改这句
北京网站建设>前端开发>Html>

Html

HTML中iFrame标签的两个用法介绍

来源:未知 作者:admin 时间:2016-06-08 20:55 点击:次

最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下:

1. 作为弹出层铺底覆盖

大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,那就有得头疼了(原理就不在这里赘述了)。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下:

与弹出div同级放入iframe

保证iframe的 z-index小于弹层div z-index

增加window resize和scroll事件, 保证iframe能盖住整张页面

部分代码

XML/HTML Code复制内容到剪贴板

1. var iframe = U.isie6() ? '< iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:' + ds.height + '" frameborder="0">< /iframe>' : '';

$container.append(iframe).appendTo($body);

2. 跨域写入cookie

有 a.com和b.com两个domain。在某些条件下b的部分功能会出现在a页面上。 有时需要操作a页面的时候对b.com domain的cookie做一些操作以方便用户下次访问。我们只需要在a页面加入一个iframe(动态或固定)即可,src属性指向b的一张代理页 面,在这张页面执行cookie操作即可。

公司业务:北京网站建设刷百度下拉刷百度指数虚拟主机租用

如转载,请保留本文链接地址:http://www.f773.com/Style/Html/2016/0608/1898.html

Loading......
  • 上一篇:没有了
  • 下一篇:没有了
var duoshuoQuery = {short_name: "f773"}; (function() { var ds = document.createElement('script'); ds.type = 'text/javascript';ds.async = true; ds.src = 'http://static.duoshuo.com/embed.js'; ds.charset = 'UTF-8'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds); })();
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
推荐文章
工作时间:

AM 09:00 ~ 12:00

PM 14:00 ~ 18:00

联系方式:

Tel 010-50933590

Hp 18701620736

设计优势

独立的设计团队 带给您全新的视觉体验

功能开发

强大的技术实力,完成您想要的任何功能

售后服务

完善的售后服务,解决您在使用过程中遇到的问题

Copyright © 2010 - 2018 北京顺晟科技发展有限公司 All Rights Reserved

地址:北京市 顺义区 梅沟营 | TEL:010-50933590

北京网站建设 | 北京网站设计 | 北京SEO公司

document.getElementById("bshare").innerHTML=document.getElementById("em_bshare").innerHTML;document.getElementById("em_bshare").innerHTML="";