B2B网络软件

标题: AIWROK软件IOS如何使用webview 实现 h5界面ui加载html代码 [打印本页]
作者: YYPOST群发软件    时间: 昨天 09:39
标题: AIWROK软件IOS如何使用webview 实现 h5界面ui加载html代码
AIWROK软件IOS如何使用webview 实现 h5界面ui加载html代码
  1. var web = new WebView()
  2. web.show();


  5. web.loadHtml(`

  7. <!DOCTYPE html>
  8. <html lang="en">
  9. <head>
  10.     <meta charset="UTF-8">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <title>WKWebView JS to Swift</title>
  13.     <style>
  14.         body {
  15.             font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  16.             padding: 40px;
  17.             background-color: #f2f2f7;
  18.             text-align: center;
  19.         }
  20.         button {
  21.             font-size: 18px;
  22.             padding: 12px 24px;
  23.             margin: 10px;
  24.             border: none;
  25.             border-radius: 8px;
  26.             background-color: #007aff;
  27.             color: white;
  28.             cursor: pointer;
  29.         }
  30.         button:hover {
  31.             background-color: #005fd1;
  32.         }
  33.     </style>
  34. </head>
  35. <body>

  37.     <h1>Swift 调用演示</h1>

  39.     <button onclick="setConfig('a','6666')">设置值</button>
  40.     <button onclick="main()">测试H5交互</button>

  42.     <script>

  44.         //执行脚本必须放到异步函数中 否则会卡顿
  45.         async function main(){
  46.              //写入配置参数
  47.              setConfig('a','6666')
  48.              //获取配置参数
  49.              const result = await getConfig("a");
  50.              //吐司提示
  51.              toast(result.toString())

  53.              //通过printl打印日志
  54.              printl("测试日志打印")

  56.              //调用脚本函数 第一个参数函数名,第二个要传的参数必须字符串,多个值可以用json
  57.              const funres = await callFunction("test","123")

  59.              //运行脚本代码,脚本要写到lamada表达式里
  60.              runJS( ()=>{
  61.                     //AIWORK脚本写这里
  62.                     printl("1233")  
  63.              })

  65.              //运行脚本文件
  66.              //runFile("主脚本.js")
  67.             
  68.         }
  69.         
  70.     </script>

  72. </body>
  73. </html>


  76. `)

  78. function test(arg){
  79.    printl("我被H5调用了,参数是"+arg)
  80. }
复制代码
案例加载html文件
var web = new WebView()web.show();//这里从代码目录加载web.loadFile(project.getCodePath()+"h5.html")
AIWROK软件IOS如何使用webview 实现 h5界面ui加载html代码 B2B网络软件 AIWROK软件IOS如何使用webview 实现 h5界面ui加载html代码 B2B网络软件 AIWROK软件IOS如何使用webview 实现 h5界面ui加载html代码 B2B网络软件
JS调用AIWORK方法：






欢迎光临 B2B网络软件 (http://bbs.niubt.cn/) Powered by Discuz! X3.2