DOMContentLoaded 事件未触发答案

【问题标题】：DOMContentLoaded event not firingDOMContentLoaded 事件未触发
【发布时间】：2012-04-01 03:37:33
【问题描述】：

我正在尝试使用 DOMContentLoaded 检测 DOM 何时准备就绪。

我将以下 JavaScript 代码注入页面：

var script = document.createElement('script');  
script.type = 'text/javascript';  
script.text = function addListener() {
    if (document.addEventListener) {
        document.addEventListener("DOMContentLoaded", DOMReady, false);
    }
};

function DOMReady() {
    document.location.href = "mydomain://anything.stuff";
}

function inject() {
    document.getElementsByTagName('head')[0].appendChild(script);
    addListener();
}

它被添加：

-(void)webViewDidFinishLoad:(UIWebView *)webView
{
    static BOOL injected = NO;
    if (!injected)
    {
        NSBundle *bundle = [NSBundle mainBundle];
        NSURL *jsURL = [bundle URLForResource:@"DetectDOMLoaded" withExtension:@"js"];  
        NSData *jsData = [NSData dataWithContentsOfURL:jsURL];
        NSString *jsScriptAsString = [[NSMutableString alloc] initWithData:jsData encoding:NSUTF8StringEncoding];
        [self.webView stringByEvaluatingJavaScriptFromString:jsScriptAsString];
        [self.webView stringByEvaluatingJavaScriptFromString:@"inject();"];
        injected = YES;
    }

如果我添加警报调用，我可以看到对 addEventListener 的调用正在成功进行。然而，函数 DOMReady() 永远不会被调用。有什么想法为什么不呢？

谢谢

【问题讨论】：

标签： javascript ios uiwebview

【解决方案1】：

原因是您在webViewDidFinishLoad: 方法中注入了javascript。在 UIWebLoad 加载 HTML 页面后调用该方法。这意味着DOMContentLoaded 事件可能在你的 javascript 被注入之前已经被触发了。

我看到了两种解决此问题的方法：

如果您有权访问要加载到 UIWebView 中的 HTML，请将 javascript 直接插入到 HTML 中。这保证了当 DOMContentLoaded 被触发时 javascript 已经存在。
如果您无法访问 HTML，您可以直接从 webViewDidFinishLoad: 方法调用您的 DOMReady() JS 函数（就像您现在调用 inject() 一样）。 DOM 将在此时完全加载。此选项的唯一不安全之处是 DOM 将完全加载但可能尚未完全呈现。因此，如果您需要某些 DOM 元素的大小，则此选项不安全（因为此时元素可能尚未呈现）。但是如果你只是在做一些不依赖于完全渲染的 DOM 的事情，这个选项应该没问题。

【讨论】：