javascript在ie8中不起作用
javascript在ie8中不起作用
提问于 2011-05-10 23:02:35
我使用了一个fb脚本来增加画布的大小。这是代码..
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function () {
FB.init({ appId: '171963559525911', status: true, cookie: true, xfbml: true });
FB.Canvas.setSize({ width: 1500, height: 1500 });
};
(function () {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
} ());
</script>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>它在我测试过的除IE8以外的所有浏览器上都能正常工作。事实上，我也可以在IE9中工作，但不能在IE8中工作。
请建议我来解决这个问题。
谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-05-13 22:48:27
这是我用来扩展画布大小的方法，它在所有浏览器中都有效：
<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>
<script type="text/javascript">
FB_RequireFeatures(["CanvasUtil"], function()
{
FB.XdComm.Server.init("/xd_receiver.htm?v=2");
FB.CanvasClient.startTimerToSizeToContent();
});
function onWindowResized(info)
{
var canvasInfoDiv = document.getElementById("CanvasInfo");
var text = String.format("window ({0}, {1}), page ({2}, {3}), canvas({4}, {5}), scrollPos({6}, {7}), canvasPos({8}, {9})",
info.window.w, info.window.h,info.page.w, info.page.h,
info.canvas.w, info.canvas.h,
info.scrollPos.x, info.scrollPos.y,
info.canvasPos.x, info.canvasPos.y);
canvasInfoDiv.innerHTML = text;
}
</script>您还需要将xd_receiver.htm放在一个可公开访问的目录中。下面是该文件的内容：
xd_receiver.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>cross domain receiver page</title>
</head>
<body>
<script src="http://static.ak.facebook.com/js/api_lib/v0.4/XdCommReceiver.js?2" type="text/javascript"></script>
</body>
</html>编辑：
$(document).ready(function(){
FB.init({appId:'your-app-id', status:true, cookie:true, xfbml:true});
$(window).load(function(){
FB.Canvas.setSize({height:1100});
});
});显然，无论内容的高度是多少，都要设置高度。在此之前我有：
FB.Canvas.setSize({height:$('html').height()});但IE似乎并不喜欢这样。不应该显式设置height #，但在本例中必须这样做。
Stack Overflow用户
发布于 2011-05-12 00:43:56
让我们试试这个：
$.ajax({
url: document.location.protocol +'/connect.facebook.net/en_US/all.js',
dataType: 'script',
success: function(){//do anything ...}
});Stack Overflow用户
发布于 2011-05-12 00:45:54
(function () {
//doing stuff
} ());应该是
(function () {
//doing stuff
})();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5952157
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号