Question

我正在尝试使用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（）。任何想法为什么不呢？

由于

Answer 1

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

我看到了解决这个问题的两种可能性：

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

DOMContentLoaded事件未触发

1 个答案: