google +评论和javascript
问题描述:
我正在研究一个应该在嵌入式视频旁边添加google +评论部分的wordpress插件。我可以使用javascript来初始获取正确的宽度,但如果浏览器大小发生变化(参见图像),自动加载到Iframe文档中的脚本会自动将大小更改为100%宽度。我在访问Iframe下的文档中的div时遇到严重困难,无法在调整大小时将其更改为我想要的内容。google +评论和javascript
after adjusting the browser size it jumps below and goes to 100% width.
我使用thise代码来生成评论部分:
<script src="https://apis.google.com/js/plusone.js"></script>
<div id="comments"></div>
<script>
gapi.comments.render('comments', {
href: [URL],
width: 'comments_w',
first_party_property: 'BLOGGER',
view_type: 'FILTERED_POSTMOD'
});
“comments_w” 是在计算的变量基于剩余空间的早期JavaScript计算视频的宽度后。
这是I帧被gnerated评价DIV
<iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 1138px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 616px;" tabindex="0" vspace="0" width="100%" id="I0_1480032087207" name="I0_1480032087207" src="https://apis.google.com/u/0/_/widget/render/comments?usegapi=1&href=http%3A%2F%2Fwww.cellcycle.net%2Ftemppage%2F&width=341&first_party_property=BLOGGER&view_type=FILTERED_POSTMOD&origin=http%3A%2F%2Fwww.cellcycle.net&search=&hash=&gsrc=3p&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.CUXyo_wPfp0.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCMYqx5cA6SdMRKSM5YaRVPo-xpcPg#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Cscroll%2Copenwindow&id=I0_1480032087207&parent=http%3A%2F%2Fwww.cellcycle.net&pfname=&rpctoken=30831408" data-gapiattached="true" title="Comment on this"></iframe>
#document == $0
<html est...>
</iframe>
内有控制宽度的体内一个div。我只需要找到一种方法来访问它的JavaScript和改变大小,每当浏览器调整大小。我已经有了我希望在调整大小时调用的函数。我只是很难得到jQuery来找到文档中的元素。
答
确定这是不可能的。正如Jaromanda X指出,起源必须是相同的。我在这里查看了原产地政策(https://en.wikipedia.org/wiki/Same-origin_policy),并发现确实如此。有点不幸,但希望这可以防止任何人浪费时间尝试。
如果iframe的来源不同,则无法对其内容执行任何操作 –