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