ios js 交互分為兩塊：
1.oc調用js
這一塊實現起來比較簡單，
我的項目中加載的是本地的html，js,css，需要注意的是當你向工程中拖入這些文件時，選擇拷貝到工程中，（拖入的文件夾是藍色的，相對路徑），不然css,js 的路徑會存在問題
加載本地html:
oc調用js:一句代碼搞定
2.js 調用oc
js調用oc又分為兩種：
1.js端是直接調用方法
這里就要說到ios7才推出的一個新的api JavaScriptCore，首先我們引入這個類，並初始化一個JSContext對象
在webViewDidFinishLoad方法里
此處通過當前webView的鍵獲取到jscontext
將我們的context對象與js方法建立橋接聯系，
2.js端通過對象調用方法
說到對象調方法我們首先肯定得有個對象，所以我們首先需要創建一個js交互類，並聲明和實現相應的交互方法，在這里需要注意的是我們需要在這個自定義交互類里面導入JavaScriptCore框架，聲明一個遵從於JSExport協議的協議（有點繞，看圖）,在這個協議里聲明我們的交互方法，最后讓我們的交互類遵從與我們自定義的協議
在交互類的.m中實現相應的js交互方法，並實現我們想要的操作
注意到圖上的
JSExportAs(invoke, - (void) invoke:(NSString *) method args:(NSString *) args);
這個方法沒有，這個方法的作用是當js端的方法有兩個或兩個以上參數時，我們需要讓- (void) invoke:(NSString *) method args:(NSString *) args;這個方法代替 對應的js這個方法，因為oc端的方法名必須和js端的保持一致，不然就不會調用
最后在我們的webViewDidFinishLoad方法里初始化我們的交互對象，並讓 context 與之建立聯系，ok，完事
hybridApi調用此方法 -->
3. Objective-C調用JavaScript方法代碼如下:
[self.webView evaluateJavaScript:[NSString stringWithFormat:@"__YutaAppOnPrepare()"]
completionHandler:^(id response, NSError *error)
{
}];
------分割線-----
如果項目中使用wkWebview, 那么不支持使用jsContext來進行js交互攔截js方法,不過可以使用一下方法:
#pragma -mark WKWebview的配置項
- (WKWebView *)wbview
{
if (!_wbview) {
config = [[WKWebViewConfiguration alloc]init];
//注冊js方法
config.userContentController = [[WKUserContentController alloc]init];
//webViewAppShare這個需保持跟服務器端的一致，服務器端通過這個name發消息，客戶端這邊回調接收消息，從而做相關的處理
[config.userContentController addScriptMessageHandler:self name:@"webViewAppShare"];
_wbview = [[WKWebView alloc]initWithFrame:WbviewFrame configuration: config];
_wbview.navigationDelegate = self;
_wbview.UIDelegate = self;
[self.view addSubview:_wbview];
}
return _wbview;
}
//js交互方法
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message
{
NSDictionary *msgBody = [[NSDictionary alloc] initWithDictionary:message.body];
NSString * shareTitle = text_share;
NSString * shareText = text_share;
NSString * shareUrl = url_share;
}
