iOS与Html5和JS之间的交互---学习笔记

朱雀 2022-06-16 13:38 169阅读 0赞

首先采用的框架是WebViewJavascriptBridge，采用这套框架可以方便的使iOS与JS交互

window.οnerrοr=function(err) \{

log('window.onerror:'+err)

\}/\*这段代码是固定的，必须要放到js中\*/function setupWebViewJavascriptBridge(callback) \{if(window.WebViewJavascriptBridge) \{returncallback(WebViewJavascriptBridge); \}if(window.WVJBCallbacks) \{returnwindow.WVJBCallbacks.push(callback); \}

window.WVJBCallbacks=\[callback\];

var WVJBIframe= document.createElement('iframe');

WVJBIframe.style.display='none';

WVJBIframe.src='wvjbscheme://\_\_BRIDGE\_LOADED\_\_';

document.documentElement.appendChild(WVJBIframe);

setTimeout(function() \{ document.documentElement.removeChild(WVJBIframe) \},0)

\}/\*与OC交互的所有JS方法都要放在此处注册，才能调用通过JS调用OC或者让OC调用这里的JS\*/setupWebViewJavascriptBridge(function(bridge) \{

var uniqueId=1function log(message, data) \{

var log= document.getElementById('log')

var el= document.createElement('div')

el.className='logLine'el.innerHTML= uniqueId++ +'.'+ message +':  
'+JSON.stringify(data)if(log.children.length) \{

log.insertBefore(el, log.children\[0\])

\}else\{

log.appendChild(el)

\}/\*Initialize your app here\*//\*我们在这注册一个js调用OC的方法，不带参数，且不用ObjC端反馈结果给JS：打开本demo对应的博文\*/bridge.registerHandler('openWebviewBridgeArticle', function() \{

log("openWebviewBridgeArticle was called with by ObjC")

\})/\*JS给ObjC提供公开的API，在ObjC端可以手动调用JS的这个API。接收ObjC传过来的参数，且可以回调ObjC\*/-bridge.registerHandler('token', function(data, responseCallback) \{

log("G星爷:", data)

responseCallback(\{这里给我返回拼接后的地址\})

\})/\*JS给ObjC提供公开的API，ObjC端通过注册，就可以在JS端调用此API时，得到回调。ObjC端可以在处理完成后，反馈给JS，这样写就是在载入页面完成时就先调用\*/bridge.callHandler('getUserIdFromObjC', function(responseData) \{

log("JS call ObjC's getUserIdFromObjC function, and js received response:", responseData)

\})

document.getElementById('blogIds').onclick =function (e) \{

log('js call objc: getBlogNameFromObjC')

bridge.callHandler('ww', \{'blogdURL':'weidsfdl'\}, function(response) \{

log('JS got response', response)

\})

四.注意事项

1.当出现这样的提示的话，说明JS那边已经实现了名字为‘ww’的方法，但是iOS这边没有注册，

![1240][]

具体实现是：

\[self.bridgeregisterHandler:@"ww"handler:^(iddata, WVJBResponseCallback responseCallback) \{