UIWebView与JS交互

webview加载状态：

a、uninitialized : 还没开始加载

b、loading : 加载中

c、loaded : 加载完成

d、interactive : 结束渲染，用户已经可以与网页进行交互。但内嵌资源还在加载中

e、complete : 完全加载完成

WebViewDidFinishLoad 被调用时，readyState 可能处在 interactive 和 complete 两种状态。当我们需要对网页中的元素进行修改时，最好在 complete 状态进行，不然我们的修改可能被重置。

1、获取当前网页内容：

 [wwjWebViewstringByEvaluatingJavaScriptFromString:@"document.body.innerText"];

注：需要注意网页渲染完成与加载完成不同时机插入返回的值不同；特别是有js动态改变网页内容，网页渲染完成js不一定就加载完成，所以需注意js的插入时机；

2、获取当前网页的所有标签：

[wwjWebViewstringByEvaluatingJavaScriptFromString:@"document.body.innerHTML"];

3、通过js获取网页的加载完成状

[wwjWebViewstringByEvaluatingJavaScriptFromString:@"document.readyState"];

4、插入js函数

[webViewstringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"

"script.type = 'text/javascript';"

"script.text = \"function alertTest(str){"

"alert(str);"

"}\";"

"document.getElementsByTagName('body')[0].appendChild(script);"];

[webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"alertTest('%@');",@"test"]];

5、通过js隐藏网页标签或元素

（1）通过document.getElementById('xxx')、document.getElementByTagName('xxx')、document.getElementByClassName('xxx')获取对应标签进行设置

[webViewstringByEvaluatingJavaScriptFromString:@"document.getElementByClassName('xxx').style.display = 'none';"];

注：这段js的插入必须是网页回载完成以后，放在webview的代理- (void)webViewDidFinishLoad:(UIWebView*)webView去插入这一句未必有用，因为执行这一代理的时候，webview未必加载完成，若网页还有其他js对需改动的标签进行设置，那么在这里插入就会被覆盖；

（2）通过设置未被js动态改变的标进行假隐藏

[webViewstringByEvaluatingJavaScriptFromString:

@"var tagHead =document.documentElement.firstChild;"

"var tagStyle = document.createElement(\"style\");"

"tagStyle.setAttribute(\"type\", \"text/css\");"

"tagStyle.appendChild(document.createTextNode(\"#header{height: 0pt; visibility:hidden;}\"));"

"var tagHeadAdd = tagHead.appendChild(tagStyle);"];

注：这里通过js注入一个方法改标标签的宽、高，并将标签对应的内容隐来达到自己想要的效果；