二、【miniblink】加載網頁模擬輸入並點擊搜索按鈕

一、事例說明:

調用miniblink擴展庫展示網頁,並在打開的網頁中通過選擇器選擇網頁元素達到模擬輸入,並提交的效果。

二、事例功能:

1、展示鏈接指定的網頁

2、模擬輸入指定字符串到輸入欄中

3、模擬點擊提交搜索按鈕

4、等待頁面跳轉後新網頁加載完成

三、效果展示:

1、打開並選擇網頁元素節點:

圖片.png

2、頁面跳轉後:

圖片.png

三、事例代碼:

1、關鍵代碼:

/*
調用js的querySelector函數搜索節點,
並且改變節點的value屬性(控件的值)
*/
mb.querySelector("#input").value = "aardio miniblink";

/*
調用js的querySelector函數搜索節點,
並且調用click函數模擬點擊按鈕。
*/
mb.querySelector("#search-button").click();

2、事例代碼:

import win.ui;
/*DSG{{*/
var winform = win.form(text="使用miniblink調用網頁上的對象、函數";right=848;bottom=585)
winform.add()
/*}}*/

import web.blink.form;    //導入miniblink支持庫
var mb = web.blink.form(winform)    //創建瀏覽器控件
mb.go("http://www.so.com")    //打開網頁

winform.show();    //顯示窗口

mb.wait();//等待頁面完全打開

/*
調用js的querySelector函數搜索節點,
並且改變節點的value屬性(控件的值)
*/
mb.querySelector("#input").value = "aardio miniblink";

/*
調用js的querySelector函數搜索節點,
並且調用click函數模擬點擊按鈕。
*/
mb.querySelector("#search-button").click();

/*
等待網頁打開,
參數可以指定期待的網址(或者網址的一部分)
*/
mb.wait("&q=aardio");

win.loopMessage();


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章