android中WebView和javascript實現(xiàn)數(shù)據(jù)交互實例
在看懂這篇文章之前首先要有javascript基礎。
(1) js調用android的方法:
wView. addJavascriptInterface (Object obj, String interfaceName);
是實例化一個對象,在html的js中調用,第二個參數(shù)是實例化對象的別名,如果要使用這個obj,則在js中使用的名字
就是interfaceName。
WebView wView;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
wView = (WebView)findViewById(R.id.wv1);
WebSettings wSet = wView.getSettings();
wSet.setJavaScriptEnabled(true);
ProxyBridge pBridge = new ProxyBridge();
wView.addJavascriptInterface(pBridge, "AliansBridge");
wView.loadUrl("file:///android_asset/index.html");
}
private class ProxyBridge {
public int one () {
return 1;
}
}
}
來看一下index.html的內容:
<html>
<mce:script language="javascript"><!--
/* This function is invoked by the activity */
function wave() {
alert("1");
document.getElementById("droid").src="android_waving.png";
alert("2");
}
// --></mce:script>
<body>
<div id="output">Test page.</div>
<a onClick="window.demo.clickOnAndroid()">
<div style="width:100px;
margin:0px auto;
padding:10px;
text-align:center;
border:2px solid #202020;" >
<img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>
Click me!
</div>
</a>
<input type="submit" value="change to 1" onclick="document.getElementById('output').innerHTML
=AliansBridge.one()" />
</body>
</html>
這里的AliansBridge即是調用的JAVA對象。
要注意的是,如果你只有一個方法需要被js調用只new一個對象就行:
ProxyBridge pBridge = new ProxyBridge();
wView.addJavascriptInterface(pBridge, "AliansBridge");
如果你需要調用好多個方法,就要把整個android程序所在的類本身實例化傳遞進去:
wView.addJavascriptInterface(this, "AliansBridge");
(2) android調用js的方法:wView.setWebChromeClient (WebChromeClient client)
要用到Handler更新UI,Handler mHandler = new Handler();
mWebView.addJavascriptInterface(new Object(){
/**
* This is not called on the UI thread. Post a runnable to invoke
* loadUrl on the UI thread.
*/
public void clickOnAndroid() {
mHandler.post(new Runnable() {
public void run() {
mWebView.loadUrl("javascript:wave()");
}
});
}
}, "demo");
同理,在html中必須有一個名為demo的對象調用clickOnAndroid()方法。
* Provides a hook for calling "alert" from javascript. Useful for
* debugging your javascript.
*/
final class MyWebChromeClient extends WebChromeClient {
@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result) {
result.confirm();
return super.onJsAlert(view, url, message, result);
}
}
- Android的WebView與H5前端JS代碼交互的實例代碼
- Android webview與js的數(shù)據(jù)交互
- Android中webview與JS交互、互調方法實例詳解
- Android總結之WebView與Javascript交互(互相調用)
- Android WebView使用方法詳解 附js交互調用方法
- Android中WebView與Js交互的實現(xiàn)方法
- Android WebView上實現(xiàn)JavaScript與Java交互
- android中webview控件和javascript交互實例
- 解析Android中webview和js之間的交互
- Android WebView與JS交互全面詳解(小結)
相關文章
Android編程實現(xiàn)webview將網頁打包成apk的方法
這篇文章主要介紹了Android編程實現(xiàn)webview將網頁打包成apk的方法,以打包HTML5為例分析了webview打包apk的相關方法、屬性與事件操作技巧,需要的朋友可以參考下2017-08-08實例講解Android中的AutoCompleteTextView自動補全組件
AutoCompleteTextView組件被用在輸入框中能實現(xiàn)輸入內容自動補全的功能,類似于大家平時用Google時的輸入聯(lián)想,這里我們來用實例講解Android中的AutoCompleteTextView自動補全組件,特別是實現(xiàn)郵箱地址補全的例子,非常實用2016-05-05Android中Volley框架進行請求網絡數(shù)據(jù)的使用
這篇文章主要介紹了Android中Volley框架進行請求網絡數(shù)據(jù)的使用,本文給大家介紹的非常詳細具有參考借鑒價值,需要的朋友可以參考下2016-10-10Android使用Photoview實現(xiàn)圖片左右滑動及縮放功能
這篇文章主要為大家詳細介紹了Android使用Photoview實現(xiàn)圖片左右滑動及縮放功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-01-01