<!DOCTYPE html>
<html>
<header>
<title id = "title">Title of this page</title>
<!--样式从File.css文件中获取-->
<link rel="stylesheet" type="text/css" href="File.css">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<!--响应的方法从File.js文件中获取-->
<!--<script type="text/javascript" src="File.js"></script>-->
</header>
<body>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- 标签，css中设置样式时，会根据id来设置-->
<p id = "wql">This is my first try to write Html5 file.</p>
<br/>
<!-- 加粗的文本，css中设置样式时，会根据id来设置-->
<b id = "myp">This text is bold</b>
<!-- 换行符-->
<br/><br/><br/><br/>
<!-- 按钮，点击按钮触发helloWQL()方法，按钮上的文本是“点击出弹框”-->
<!-- 该按钮的目的是：点击后触发OC的方法-->
<button type="button" onclick = "nativeCaptureIDImage()">nativeCaptureIDImage</button>
<br/><br/>
<!-- 按钮，点击该按钮会触发sendValueFromHtml()方法，按钮上的文本是“点击出弹框”-->
<!-- 该按钮的目的是：将某个值传给OC，我们这里分别传了一个值、两个值-->
<button type="button" onclick = "nativeCheckID()">nativeCheckID</button>
<br/><br/>
<button type="button" onclick = "nativeStartLivess()">nativeStartLivess</button>
<br/><br/>
<button type="button" onclick = "jsTapnativeGetJsonInfo()">jsTapnativeGetJsonInfo </button>
<br/><br/>
<button type="button" onclick = "nativeChangeLanguage()">nativeChangeLanguage </button>
<br/><br/>
<button type="button" onclick = "uploadImageWithCamera()">uploadImageWithCamera </button>
<br/><br/>
<button type="button" onclick = "uploadImageWithAlbum()">uploadImageWithAlbum </button>
<!-- 定义各个方法-->
<script type="text/javascript">
//调用native的helloWQL方法，native对象由OC注入
function nativeCaptureIDImage(){
window.webkit.messageHandlers.nativeCaptureIDImage.postMessage({"transactionUniqueID":"MBKNY99210707152527239","transactionType":"1","language":"T","systemCode":"MBK-NY","channel":"A","idType":"NM","deviceNo":"85252365263","bankCode":"043"});
}
function nativeChangeLanguage(){
window.webkit.messageHandlers.nativeChangeLanguage.postMessage('en_US');
}
function nativeCheckID(){
window.webkit.messageHandlers.nativeCheckID.postMessage({"transactionUniqueID":"MBKNY99210707152527239","transactionType":"1","language":"T","systemCode":"MBK-NY","channel":"A","idType":"NM","deviceNo":"85252365263","bankCode":"043"});
}
function nativeStartLivess(){
window.webkit.messageHandlers.nativeStartLivess.postMessage({"transactionUniqueID":"MBKNY99210707154310567","transactionType":"1","language":"T","systemCode":"MBK-NY","channel":"A","idType":"NM","bankCode":"043","idvJnlNo":"01191008102701785001","deviceNo":"85252365263","bankCode":"043"});
}
function nativeCheckID(){
window.webkit.messageHandlers.nativeCheckID.postMessage({"transactionUniqueID":"MBKNY99210707154310567","transactionType":"1","language":"T","systemCode":"MBK-NY","channel":"A","idType":"NM","bankCode":"043","idvJnlNo":"01191008102701785001","deviceNo":"85252365263","bankCode":"043"});
}
//接收从OC传过来的值，需要OC调用该方法，并传入值
function returnCommonResult(jsonString){
alert('js获取到的值'+'returnCommonResult:'+jsonString);
}
function jsTapnativeGetJsonInfo(){
// js 获取 OC 接口返回值
let jsonString = window.prompt("nativeGetJsonInfo","123123123");
alert('js获取到的值:'+'nativeGetJsonInfo:'+jsonString);
}
function uploadImageWithAlbum(){
var jsonObj = JSON.parse('{"vssToken":"12356565616","token":"12356565616"}');
window.webkit.messageHandlers.uploadImageWithAlbum.postMessage(jsonObj);
}
function uploadImageWithCamera(){
var jsonObj = JSON.parse('{"vssToken":"12356565616","token":"12356565616"}');
window.webkit.messageHandlers.uploadImageWithCamera.postMessage(jsonObj);
}
</script>
</body>
</html>
