美文网首页程序员iOS DeveloperiOS开发
JS与OC交互学习笔记(二)

JS与OC交互学习笔记(二)

作者: 不是公主但有病 | 来源:发表于2016-04-19 11:00 被阅读166次

使用UIWebViewDelegate中的方法在oc中修改h5页面,- (void)webViewDidFinishLoad:(UIWebView *)webView;这个方法有个显而易见的缺陷,必须要等HTML页面完全加载完成以后才会进行交互。

首先在iOS代码中,修改HTML页面。

可以从网络上先获取一个HTML页面,建议用谷歌浏览器,右击审查元素就可以看到HTML的代码了。

第一步仍然是先写一个webView,并且加载这个页面

UIWebView *wbView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];

wbView.delegate = self;

NSURL *url = [NSURL URLWithString:@"http://www.zhaizhanggui.com.cn/index.html"];

NSURLRequest *request = [NSURLRequest requestWithURL:url];

[wbView loadRequest:request];

[self.view addSubview:wbView];

在代理方法里,对HTML页面进行修改,这里需要用到js

- (void)webViewDidFinishLoad:(UIWebView *)webView

{

NSString *title = @"var h1 = document.getElementsByTagName('h1')[0];"

"h1.innerHTML = 'hello js';";

[webView stringByEvaluatingJavaScriptFromString:title];

}

修改效果图。

相关文章

网友评论

    本文标题:JS与OC交互学习笔记(二)

    本文链接:https://www.haomeiwen.com/subject/lsunlttx.html