SwiftJavaScript: swift 和 Javascript的交互，javascript可以调用swift ，swift也可以调用javascript 通过WKWebView来实现，不使用UIWebView

#SwiftJavaScript

swift 和 Javascript的交互，javascript可以调用swift ，swift也可以调用javascript 通过WKWebView来实现，不使用UIWebView

![效果](http://git.oschina.net/huqs/SwiftJavaScript/raw/huqs/image.gif?dir=0&filepath=image.gif&oid=26dc6fba149357d75097f3cdbc303186e87c5dd3&sha=9a095f8ac5a14ac836166ac1fe4c537faeccc842 )

## Features

- [x] JavaScript call Native App
- [x] Native App call JavaScript

## Requirements

- iOS 8.0+ / Mac OS X 10.9+ / tvOS 9.0+ / watchOS 2.0+
- Xcode 7.2+

## Communication

- 如果您需要帮助，请与我联系hu670014125@163.com

## Usage

### JavaScript call Native App

```swift
let conf = WKWebViewConfiguration()
let userScript = WKUserScript(source: "redHeader()", injectionTime: .AtDocumentEnd, forMainFrameOnly: true)
conf.userContentController.addUserScript(userScript)
webView = WKWebView(frame: self.view.frame, configuration: conf)
```

### Native App call JavaScript
 1.首先添加一个WKScriptMessageHandler代理
```swift
class ViewController: UIViewController, WKScriptMessageHandler
```

2.实现«userContentController»的代理方法
```swift
func userContentController(userContentController: WKUserContentController!, didReceiveScriptMessage message: WKScriptMessage!) {
    if(message.name == "callbackHandler") {
        println("JavaScript is sending a message \(message.body)")
    }
}
```

3.WebView启动对JavaScript的监听事件
```swift
contentController.addScriptMessageHandler(
    self,
    name: "callbackHandler" 
)
```

4.web中，添加如下JavaScript
```swift
webkit.messageHandlers.callbackHandler.postMessage("JavaScript 调用 Swift");
```

4.swift调用JavaScript 
```swift
self.webView.evaluateJavaScript("redHeader('来自Swift的调用')") { (sender:AnyObject?, error:NSError?) -> Void in
print("sender:\(sender)   error:\(error)")
}
redHeader是JavaScript中对应的方法，该方法需要传递一个字符串

```

HTML源码

```swift
<html>
<head>
<meta charset="UTF-8">
<title>web页面</title>
</head>
<body>

<h3 align="center">标题1(APP调用JS，使标题变成红色)</h3>

<br>
<button style="text-align:center;height:100px;width:300px;font-size:40px;" onclick="callNativeApp()">调用APP</button>

webkit.messageHandlers.callbackHandler.postMessage("JavaScript 调用 Swift");

} catch(err) {

console.log('The native context does not exist yet');
}
}

var cunt=0;

// APP调用JS
function redHeader(msg) {
cunt++;

document.querySelector('h3').style.color = "red";
document.getElementById('jsParamFuncSpan').innerHTML
= msg+'&nbsp;&nbsp;&nbsp;<font color=red >您点击了&nbsp;&nbsp;'+cunt+'&nbsp;&nbsp;次</font>';

}
</script>

```

胡秋生/SwiftJavaScript

简介

发行版

贡献者

近期动态

胡秋生/SwiftJavaScript .gitee-modal { width: 500px !important; }

简介

发行版

开源评估指数源自 OSS-Compass 评估体系，评估体系围绕以下三个维度对项目展开评估：

贡献者

近期动态

搜索帮助

胡秋生/SwiftJavaScript