我正在尝试使用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().任何想法为什么不呢？
谢谢
解决方法
原因是您在webViewDidFinishLoad：方法中注入了javascript.在UIWebLoad加载HTML页面之后调用该方法.这意味着在注入javascript之前可能已经触发了DOMContentLoaded事件.
我看到了如何解决这个问题的两种可能性：
>如果您有权访问要加载到UIWebView中的HTML,请将javascript直接插入HTML.这可以保证在触发DOMContentLoaded时javascript已经存在.>如果您无法访问HTML,可以直接从webViewDidFinishLoad：方法调用DOMReady()JS函数(就像现在调用inject()).此时DOM将完全加载.使用此选项的唯一不安全因素是DOM将完全加载但可能尚未完全呈现.因此,如果您需要某些DOM元素的大小,则此选项不安全(因为此时可能尚未呈现元素).但是如果你只是在做一些不依赖于DOM完全渲染的东西,那么这个选项应该没问题.
