phpcms评论框iframe无法自适应问题

问题背景:

之前用友言的时候改过网站的ip地址,改成127开头的了。但是协同开发的时候别人用的还是localhost。

结果在用评论的时候iframe死活不能自适应,看了一下源代码v9本身已经写过iframe自适应的方法,而且在之前那个项目中一点儿问题都没有。

那么问题来了,到底咋回事?

问题线索:

在firebug控制台中无意发现报了一个错,说js.html找不到,而js.html的地址是localhost开头的

js.html是v9JS站群跨域的一个文件(不知道啥意思),在v9根目录

下面是代码:

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head><title>V9 JS站群跨域</title></head>
<body onload="a()">
<script type="text/javascript">
function a(){
    var q = location.search.replace(‘?‘,‘‘).split(‘|‘);
    if (top.document.getElementById(‘comment_iframe‘)) top.document.getElementById(‘comment_iframe‘).height=(q[0] ? q[0] : ‘0‘);
        if (top.document.getElementById(‘comment‘)) top.document.getElementById(‘comment‘).innerHTML=(q[1] ? q[1] : ‘0‘);
}
</script>
</body>
</html>

问题解决:

发现js.html里面用到了comment_iframe,也就是那个评论iframe,所以把路径改回localhost,OK了!

时间: 2024-10-08 11:16:19

phpcms评论框iframe无法自适应问题的相关文章

iframe高度自适应(同域)

今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码: function SetCwinHeight(){ var iframeid = document.getElementById("frame"); //frame是iframe的id if (document.getElementById) { if (iframeid && !window.opera) { if (iframeid.contentDocument &&

谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!

谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法 导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe  了第一博客的页面  http://www.diyibk.com/   当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram

跨域iframe高度自适应(兼容IE/FF/OP/Chrome)

采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域.跨域两种情况. 由于客户端js使用浏览器的同源安全策略,跨域情况下,被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况,提示错误:Permission denied to access property 'document'.这是因为除了包含脚本的文档载入的主机外,同源策略禁止客户端脚本链接到其他任何主机或者访问其他任何主机的数据.这

WordPress主题开发:评论框

调出内置评论框: <?php comments_template();?> 然后再设置下样式 另外一种方法就是使用评论插件,(如多说.畅言.友言等等) 1.下载多说插件:https://wordpress.org/plugins/duoshuo/,把插件解压到在wp目录/wp-content/plugins下 或在WordPress后台“安装插件”中搜索"duoshuo",安装并启用 2.启用插件 3.然后后台左侧会出现多说的菜单,按提示进行配置,然后就可以看到网站下已经显

友言评论框本地测试问题

友言评论框在本地测试的时候,如果你的域名是localhost/***,在友言后台是直接验证不通过的. 因为他的验证是通过域名验证,而localhost如果大家都用的话是没法分清楚谁是谁的,所以理论上友言之类的社会化评论框只支持线上使用. 但是问题来了,友言怎么能分清楚写的是本地还是线上的域名呢?答案是,它根本不用分清楚. 友言只是会进行唯一性验证,如果这个域名或者ip之前没有出现过,它就会给你验证通过,如果出现过,就会让你用其他方式,比如嵌入meta标签,修改html等方式验证. 所以说如果想本

(转)iFrame高度自适应

第一种方法:代码简单,兼容性还可以,大家可以先测试下: function SetWinHeight(obj) { var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight) win.height = win.contentDocument.body.offset

CSS完美实现iframe高度自适应(支持跨域)

Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用它,总之用过的人知道它的强大之处,但是Iframe有个致命的"BUG"就是iframe的高度无法自动适应,这一点让很多人都头疼万分.百度或是谷歌一下,确实很多解决方法,但尝试一下,会发现问题很多:浏览器兼容性差,不能自适应,仅支持同域Iframe等诸多问题,尤其是跨域Iframe高度自适应问题.网上根本找不到一种可行的方案(唯一有一种提到加入代理页面的,经过测试发现无用).难道真的没有一种可行的解决方案了

完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】

Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用它,总之用过的人知道它的强大之处,但是Iframe有个致命的“BUG”就是iframe的高度无法自动适应,这一点让很多人都头疼万分.百度或是谷歌一下,确实很多解决方法,但尝试一下,会发现问题很多:浏览器兼容性差,不能自适应,仅支持同域Iframe等诸多问题,尤其是跨域Iframe高度自适应问题.网上根本找不到一种可行的方案(唯一有一种提到加入代理页面的,经过测试发现无用).难道真的没有一种可行的解决方案了吗? No

iframe高度自适应内容

JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹.对于用户体验和网站美观起着重要作用. 如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求.当内容是未知或者是变化的时候.这个时候又有几种情况了. iframe内容未知,高度可预测 这个时候,我们可以给它添加一个默认的CSS的min-height值,然后同时使用javascript改变高度.常用的兼容代码有: function setIframeHeight(i