- 利用JS加载iframe(框架)的方法利用JS加载iframe(框架)的方法,首先,在<body>开始处调用JS脚本,形式如下:<script src=”/js/js.js”></script>而这个js脚本的具体内容则是指向调用商品的窗体内页,内容如下:document...
- 跨域修改iframe(框架)中的文字内容跨域修改iframe(框架)中的文字内容。有的时候我们需要在自己网站上利用iframe(框架)功能框住外部网站一个页面,而且出于某种目的,有时还想把被框架的网页替换掉部分文字,这就需要解决iframe(框架)跨域问题了,...
- WordPress开启Nginx fastcgi_cache缓存加速
WordPress开启Nginx fastcgi_cache缓存加速,这是一篇转载并整理的文章,只为备忘,文章内容大部分来源于张戈博客。 在希望使用Nginx缓存前需要查看一下你的Nginx是否编译了ngx_cache_purge 模块,如果没有则需要...
- 实现高性能wordpress ajax文章分页功能
wordpress实现高性能的ajax文章分页功能。首先我们需要对后端进行处理,使除了当前使用AJAX可以无刷新浏览外,还可以直接请求改变的URL后也可以正常浏览。方法是对使用pushState的AJAX的发送一个特殊的头,当后端...
- 简单实用的网站动静分离优化方案
简单实用的网站动静分离优化方案,这是一篇转载文章,自己收藏起来慢慢琢磨。 先啰嗦一下网站动静分离的概念和好处。 一、动静分离 我们的网站简单来说分为 2 种数据资源,一种是动态的数据,即 PHP 等程序语言实...
- wordpress页面随机位置插入Adsense广告
该代码用于在循环内的随机位置输出adsense广告(或任何其他输出块),限制为预设数量的可能位置。<?php $ad_positions = array(1,2,4); // array of preset possible ad positions do { $rnd_ad = $ad_posit...
- WordPress 在文章随机段落中插入广告
WordPress 在文章随机段落中插入广告的实现方式很简单,只要把下面代码插入你主题的functions.php中即可实现(记得将:你的广告代码替换为你的广告内容)add_filter( 'the_content', 'prefix_insert_post_ads' ...
- php获取远程图片并下载保存到本地
php获取远程图片并下载保存到本地的方法。收藏备忘 远程图片指的是远端服务器上的数据我们可以通过php的许多函数来读取下载了,这里整理了几个可以自动下载远程图片并下载保存到本地的方法。 方法1,可以自动识别...
完美实现跨域iframe高度自适应(兼容IE/FF/OP/Chrome)
完美实现跨域iframe高度自适应(兼容IE/FF/OP/Chrome)代码。在跨域情况下,我们遇到的问题就是:父窗口无法获得被嵌套页面的高度,而且被嵌套页面也无法通过驻留在其服务器上的js修改父窗口Dom节点的属性。所以我们需要一个媒介,来获得被嵌套页面的高度同时又能修改主界面iframe节点的高度。
思路:现有主界面main在域a下,被嵌套页面B在域b下,被嵌套页面B又嵌套一个在域a下的中介页面A。 当用户打开浏览器访问mail.html的时候载入B,触发B的onload事件获取其自身高度,然后B载入A,并将高度值作为参数赋值给A的location对象。这样A就可以通过location.hash获得B的高度。(location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一些非常有意义的事情。)。由于A和main页面同域,所以可以修改main的dom节点属性,从而达到我们设置iframe标签高度的目的。
关键代码:
iframe主页面:main.html
<iframe id="iframeB" name="iframeB" src="www.b.com/B.html" width="100%" height="auto" scrolling="no" frameborder="0"></iframe>
iframe嵌套页面:B.html
<iframe id="iframeA" name="iframeA" src="" width="0" height="0" style="display:none;" ></iframe> <script type="text/javascript"> function sethash(){ hashH = document.documentElement.scrollHeight; //获取自身高度 urlC = "www.a.com/A.html"; //设置iframeA的src document.getElementById("iframeA").src=urlC+"#"+hashH; //将高度作为参数传递 } window.onload=sethash; </script>
中介页面:A.html
<script> function pseth() { var iObj = parent.parent.document.getElementById('iframeB');//A和main同域,所以可以访问节点 iObjH = parent.parent.frames["iframeB"].frames["iframeA"].location.hash;//访问自己的location对象获取hash值 iObj.style.height = iObjH.split("#")[1]+"px";//操作dom } pseth(); </script>
同域情况下就不用多说了,直接在被嵌套的页面B中获取其自身高度并操作其父窗口main的dom属性即可。
资料来源:http://cued.xunlei.com/log019