易语言miniblink交互教程——第三课 易语言与 Miniblink 交互
今天來給大家講解一下易語言&miniblink交互教程的第三課，也就是如何讓易語言與Miniblink進行數據交互，相互傳遞參數。
1、用易語言調用JS
調用JS的方式很簡單，只需要一句代碼即可：
wke.運行JS (“ 這里填寫文本型的JS代碼 ”)舉個栗子：
wke.運行JS (“ alert('測試提示') ”)當然，也可以用這個方法來調用我們自己寫的JS函數：
JS代碼：
function e_1 () {alert('你成功調用了我'); }?
?
易語言代碼為：
wke.運行JS (“e_1()”)?
由此可知，wke.運行JS('參數') 的參數可以調用HTML頁面中所有相關的JS代碼以及我們所寫的JS函數。
2、調用 JS 修改 HTML 頁面內容
這部分相對會比較復雜，需要先了解JS或JQuery如何獲取html頁面中的內容才能實現，個人推薦用JQuery，畢竟原生的JS用起來比較繁瑣
這部分與調用JS的方法一樣，都是用到 wke.運行JS('參數') ，不一樣的是，這部分需要對數據進行傳參，可能會有點復雜。首先我們看一下易向HTML傳參的代碼：
HTML部分：
這部分主要是設置對應元素的ID，這次主要演示的是ID為 input_1 的 input 標簽
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /></head><body><style>html,body{margin:0px;padding:0px}.windows{background-color:#e1e1e1;width:100%;height:100%;position:absolute;box-sizing:border-box;padding:60px}.title_black{width:100%;height:30px;background-color:#fff;line-height:30px;padding:0px 20px;box-sizing:border-box;}.div_item{width:100%}.div_item>p{width:100px;display:inline-block}.div_item>input{width:60%;display:inline-block}button{padding:15px}</style><div class="windows"><div class="div_item"><p>內容1</p><input type="text" value="4869468585" id="input_1"></div><div class="div_item"><p>內容2</p><input type="text" value="測試內容12894" id="input_2"></div><br><br><button>調用易子程序1</button><button>調用易子程序2</button><button>調用易子程序3</button><button>調用易子程序4</button></div><script src="js/jquery-3.5.1.min.js"></script><script>// 待易調用的JS函數1function e_1 () {alert('你成功調用了我');}</script></body> </html>易語言部分：
wke.運行JS (“$('#input_1').val('” ＋ 編輯框2.內容 ＋ “')”)如果你懂JS和JQuery，那么看完之后就了解原理了，原理其實很簡單：$('#input_1').val("123") 這句代碼的意思就是：將ID為 input_1 的元素內容修改為 123
這句代碼對于的HTML為：
<input type="text" value="4869468585" id="input_1">那么在易語言中我們就可以用一下代碼來對HTML中的內容進行修改
wke.運行JS (“$('#input_1').val('” ＋ 內容 ＋ “')”)3、調用 JS 獲取 HTML 頁面內容
獲取HTML頁面內容的代碼和修改HTML的代碼類似：
.版本 2.子程序 _按鈕1_被單擊 .局部變量 jv, 長整數型 .局部變量 JS輸出, 文本型jv ＝ wke.運行JS (“return $('#input_2').val()”) JS輸出 ＝ JS到文本 (wke.全局執行 (), jv)編輯框1.內容 ＝ JS輸出4、HTML頁面調用易代碼（傳參）
如果頁面需要調用易語言的子程序，就需要將對應js函數和子程序通過mb綁定起來，需要用到代碼：
JS綁定函數 (“JS函數”, &子程序, 0)其中JS函數可以任意命名，但不支持中文，同時還要對html的相關組件（我這里為鼠標單擊事件：Click）事件綁定上這個函數，如：
JS綁定函數 (“eyy_1”, &JS綁定_子程序1, 0)JS綁定_子程序1部分：
JS取參數_文本 (es, 0) 這句主要用于獲取JS傳遞的參數，0表示第1個參數
.版本 2.子程序 JS綁定_子程序1 .參數 es, 整數型 .局部變量 參數1, 文本型 .局部變量 參數2, 文本型 .局部變量 參數3, 文本型參數1 ＝ JS取參數_文本 (es, 0) 參數2 ＝ JS取參數_文本 (es, 1) 參數3 ＝ JS取參數_文本 (es, 2)信息框 (參數1 ＋ #換行符 ＋ 參數2 ＋ #換行符 ＋ 參數3, 0, , )?
HTML事件部分：
<button onclick="eyy_1('參數1','參數2','參數3')"> 調用易子程序1 </button>總結
以上是生活随笔為你收集整理的易语言miniblink交互教程——第三课 易语言与 Miniblink 交互的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 经典测试案例:三角形的测试
- 下一篇： Maya游戏角色骨骼绑定学习教程