Javascript 如何检测何时在Facebook应用程序中加载DOM和frame？
我正在编写一个Facebook应用程序，我试图找出如何检测iFrame DOM何时准备就绪，以及iFrame何时已完全加载。我不相信Javascript 如何检测何时在Facebook应用程序中加载DOM和frame？,javascript,jquery,facebook,facebook-javascript-sdk,Javascript,Jquery,Facebook,Facebook Javascript Sdk,我正在编写一个Facebook应用程序，我试图找出如何检测iFrame DOM何时准备就绪，以及iFrame何时已完全加载。我不相信window.fbasyninit（）就足够了，因为加载FBAPI时就会触发。我特别想寻找与jQuery（document.ready（）和jQuery（window.load（））等价的工具，但它必须在我的页面所在的Facebook iFrame中工作 编辑：大多数回复似乎引用文档就绪，但没有人提到窗口加载。我对了解两者都感兴趣，而不仅仅是其中之一。在我的例子中，
window.fbasyninit（）编辑2：进一步调查后，答案可能是简单地将
jQuery（document）.ready（）window.fbAsyninit（）jQuery（window）.load（）jQuery（document）.ready（）window.fbAsyninit（）jQuery（window.load（）<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
window.fbAsyncInit = function() {
FB.init({
appId: 'xxxxxxxxxxxxxxx',
status: true,
cookie: true,
xfbml: true
});
FB.Canvas.setDoneLoading( function() {
// Put code here that you want executed after page is done loading.
console.log("done");
});
}
</script>
window.fbAsyninit=函数（）{
FB.init({
appId:'xxxxxxxxxxxxx'，
状态：正确，
曲奇：是的，
xfbml：对
});
FB.Canvas.setDoneLoading（函数（）{
//将您希望在页面加载完成后执行的代码放在此处。
控制台日志（“完成”）；
});
}
<body>
<div id="fb-root"></div>
<script src="//connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
jQuery(function(){
// ... your 'on document ready' code
});
FB.init({
appId : 'XXXXXX',
status : true,
cookie : true,
xfbml : true,
oauth : true,
frictionlessRequests : true
});
FB.Canvas.setAutoGrow();
jQuery(function(){
// ... more 'on document ready' code
});
</script>
jQuery（函数（）{
//…您的“on document ready”代码
});
FB.init({
appId:'XXXXXX'，
状态：正确，
曲奇：是的，
xfbml：是的，
真的，
无摩擦要求：正确
});
FB.Canvas.setAutoGrow（）；
jQuery（函数（）{
//…更多“文档就绪”代码
});
FB.initFB.initFB.initauth.statusChangeallreadywindow<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
window.fbAsyncInit = function() {
FB.init({appId: "238797476172233"});
FB.getLoginStatus(function(response) {
/* at this point you know that you can use FB API's. */
$().ready(function() {
/* at this point you also know that your document is ready. */
$(window).trigger("allready", [response]);
});
});
FB.Canvas.setAutoGrow();
};
$(window).bind("allready", function() {
/* optionally you can use e and response as function parameters */
alert("now I am sure that both page and FB API's are initialized. I can do anything in this callback!");
});
</script>
window.fbAsyninit=函数（）{
FB.init（{appId:“23879747617223”}）；
FB.getLoginStatus（函数（响应）{
/*此时，您知道您可以使用FBAPI*/
$（）.ready（函数（））{
/*此时，您还知道您的文档已准备就绪*/
$（window.trigger（“allready”，[response]）；
});
});
FB.Canvas.setAutoGrow（）；
};
$（window.bind（“allready”，function（））{
/*您可以选择使用e和response作为函数参数*/
警报（“现在我确定页面和FBAPI都已初始化。我可以在此回调中执行任何操作！”）；
});
var howManyOfUsHaveFired = 0;
function doMyShit() {
if(howManyOfUsHaveFired < 2) {
return; // i don't want to do shit already
}
// now I will do shit
}
$(function() {
++howManyOfUsHaveFired;
doMyShit();
});
window.fbAsyncInit = function() {
FB.init(...);
++howManyOfUsHaveFired;
doMyShit();
}
var howmanyofhavefired=0；
函数doMyShit（）{
如果（点火次数<2）{
return；//我已经不想做狗屎了
}
//现在我要做狗屎
}
$（函数（）{
++有多少人被解雇；
doMyShit（）；
});
window.fbAsyninit=函数（）{
FB.init（…）；
++有多少人被解雇；
doMyShit（）；
}
由于iframe是针对不同的域的，您将无法进入它的“窗口”，因此您必须使用一些API功能，Ian说的是正确的。为什么不能在iFrame中加载的页面的JavaScript中使用doc ready？@SpYk3HH在我的初始测试中，我得到了一些与事件触发不一致的结果。我怀疑我可以使用api ready包装的doc ready。函数名令人困惑，示例也是如此。如果仔细阅读，此函数将随时手动调用
$(document).ready(function() {
// Add the function to run after FB is initialized
$(document).on('fb:initialized', function() {
FB.getLoginStatus(fbAuthStatusChange);
});
$(document).fb('youappid');
});