乐都区公司网站建设,学动漫设计需要什么条件,新动力网站建设,成都网站建设 推广行前提#xff1a;在iOS控制器中加载UIWebView#xff0c;设置代理#xff0c;遵守UIWebViewDelegate协议。 一、iOS调用JS方法 通过iOS调用JS代码实现起来比较方便直接调用UIWebView的方法- (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script… 前提在iOS控制器中加载UIWebView设置代理遵守UIWebViewDelegate协议。 一、iOS调用JS方法 通过iOS调用JS代码实现起来比较方便直接调用UIWebView的方法- (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script; 1.查询标签 // 查询标签 NSString *str var word document.getElementById(word); alert(word.innerHTML); [webView stringByEvaluatingJavaScriptFromString:str]; 2.为网页添加标签 NSString *str var img document.createElement(img); img.src icon5.jpg; img.width 300; img.heigth 100; document.body.appendChild(img);; [webView stringByEvaluatingJavaScriptFromString:str]; 3.删除网页标签 // 删除标签 NSString *str1 var word document.getElementById(word); word.remove();; [webView stringByEvaluatingJavaScriptFromString:str1]; 4.更改标签 // 更改 NSString *str2 var change document.getElementsByClassName(change)[0]; change.innerHTML hello;; NSString *result [webView stringByEvaluatingJavaScriptFromString:str2]; HTML端代码 !DOCTYPE html html langen head meta charsetUTF-8 titleiOS和H5交互/title /head body p idword6666666666/p ul li classchange111111/li li classhaha222222/li li333333/li li444444/li /ul input classname placeholder请输入密码 button οnclickbuttonClick()提交信息/button script typetext/javascript alert(这个一个弹框); /script /body /html 二、JS调用iOS方法: 1.第一种方法比较简单通过字符串的比对。这种方式iOS端代码比较简单网页加载完成后后台需要重新定义网页url将移动端需要的参数拼接到url上返回或者按照和后台约定好的字段来进行字符串比对以达到调用iOS方法的目的。下面贴代码。 oc代码需要实现webView的协议 // 拦截协议头调取系统摄像头 #pragma mark UIWebViewDelegate - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType: (UIWebViewNavigationType)navigationType { NSString *str request.URL.absoluteString; if ([str containsString:wxd://]) { [self getImage]; } return YES; } - (void)getImage { if([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypePhotoLibrary]) { //调用相册 //实例化控制器 UIImagePickerController *picker [[UIImagePickerController alloc] init]; picker.sourceType UIImagePickerControllerSourceTypePhotoLibrary; picker.delegate self; // 是否有图片选取框 picker.allowsEditing YES; [self presentViewController:picker animated:YES completion:nil]; } } HTML端代码 !DOCTYPE html html langen head meta charsetUTF-8 title在html中调用oc的方法/title /head body button οnclickgetImage()访问相册/button script typetext/javascript function getImage(){ window.location.href wxd://getImage; } /script /body /html 2.第二种方法JS直接用oc方法名来调用oc方法类似于安卓.addJavascriptInterface(new JsObject(), Android)方法头文件需要导入#import JavaScriptCore/JavaScriptCore.h。 首先创建一个继承自NSObject的类在这里我命名为JSTestObjext.h代码如下 .m中实现协议方法代码如下 之后在加载webView的控制器中调用 到此为止oc代码就已经写完了我们只需告诉JS端使用testobject类就可以调oc的方法了。下面附上JS调用的代码 到此公司里所使用的iOS与H5交互的方法就都写在这里了。 使用第二种方法JavaScriptCore/JavaScriptCore.h库来实现交互遇到的问题已经写到了另一篇博客当中iOS与H5交互遇到的坑。 转载于:https://www.cnblogs.com/wanxudong/p/5581367.html
