ios下OC与JS交互之WKWebView

2020-01-18 21:23:08王冬梅

JS端:


function clear() {

  document.getElementById('mobile').innerHTML = ''

  document.getElementById('name').innerHTML = ''

  document.getElementById('msg').innerHTML = ''

}

 

//OC调用JS的方法列表

function alertMobile() {

  //这里已经调用过来了 但是搞不明白为什么alert方法没有响应

  //alert('我是上面的小黄 手机号是:13300001111')

  document.getElementById('mobile').innerHTML = '我是上面的小黄 手机号是:13300001111'

}

 

function alertName(msg) {

  //alert('你好 ' + msg + ', 我也很高兴见到你')

  document.getElementById('name').innerHTML = '你好 ' + msg + ', 我也很高兴见到你'

}

 

function alertSendMsg(num,msg) {

  //window.alert('这是我的手机号:' + num + ',' + msg + '!!')

  document.getElementById('msg').innerHTML = '这是我的手机号:' + num + ',' + msg + '!!'

}

 

//JS响应方法列表

function btnClick1() {

  window.webkit.messageHandlers.showMobile.postMessage(null)

}

 

function btnClick2() {

  window.webkit.messageHandlers.showName.postMessage('xiao黄')

}

 

function btnClick3() {

  window.webkit.messageHandlers.showSendMsg.postMessage(['13300001111', 'Go Climbing This Weekend !!!'])

} 

四、后记

至此,整个系列的示例已完成,过程中收货颇丰。每篇文章都会对知识点进行总结,在文章末尾给出示例DEMO的地址。

示例DEMO:OC-JS-WKWebView.rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持ASPKU。


注:相关教程知识阅读请移步到IOS开发频道。