WKWebView与JS交互

1.原生调用JS 方法

红色框内为js方法以及要传的参数名,如果不传参数,只传方法名就好

WKWebView与JS交互_第1张图片
调用js

2.js调用原生 

首先,在html代码中在要调用形式为,其中jumpToShop为OC原生方法名称 message 为参数

window.webkit.messageHandlers.jumpToShop.postMessage(message);

在想实现调用原生的地方写这句代码即可:

如图:

html代码

其次,在OC原生代码中:要先创建配置控制器以及消息处理器

WKWebView与JS交互_第2张图片

然后就在消息处理机制中获取到,然后实现原生方法即可

WKWebView与JS交互_第3张图片

你可能感兴趣的:(WKWebView与JS交互)