Android WebView與JS交互入門

時間 2019-12-08

原文原文鏈接

首先在Anndroid代碼中對WebView進行初始化javascript

webView = (WebView) findViewById(R.id.webview);
        
// 啓用javascript
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new Test(),"android");

class Test{
    @JavascriptInterface
    public void show(){

        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                Toast.makeText(MainActivity.this,"show",3000).show();

            }
        });
    }
    @JavascriptInterface
    public void showText(String text){

        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                Toast.makeText(MainActivity.this,text,3000).show();

            }
        });
    }
}

html的代碼以下html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<script type="text/javascript">

function javacalljs(){
     document.getElementById("content").innerHTML =
         "<br\>JAVA調用了JS的無參函數";
}

function javacalljswith(arg){
     document.getElementById("content").innerHTML =
         ("<br\>"+arg);
}
</script>
</head>
<body>
HTML 內容顯示 <br/>
<h1><div id="content">內容顯示</div></h1>
<br/>
<input type="button"  value="點擊調用java代碼" onclick="window.android.show()" />
<br/>
<input type="button"  value="點擊調用java代碼並傳遞參數" onclick="window.android.showText('你好')"  />
</body>
</html>

WebView與js交互主要分四種狀況前端

一、Android 調用HTML中的javascript腳本java

//調用js中無參方法
webView.loadUrl("javascript:javacalljs()");

二、HTML中的javascript腳本調用Android本地代碼android

window.android.show()

三、Android 調用HTML中的javascript腳本並傳遞參數web

//傳遞參數調用JS的方法
webView.loadUrl("javascript:javacalljswith(" + "'加班'" + ")");

四、HTML中的javascript腳本調用Android本地代碼並傳遞參數ide

window.android.showText('你好')

window後跟的android爲別名,須要前端開發人員與移動端開發人員定義統一的別名函數

1. android webview與js交互
2. Android webview 與 js(Vue) 交互
3. Android WebView與js交互
4. webview與js交互
5. WebView與Js交互
6. Android WebView裏js與android交互
7. webview中java與js交互
8. webview與JS的交互
9. WebView與Js的交互
10. webview,js和android交互
更多相關文章...
• Memcached入門教程 - NoSQL教程
• Neo4j數據庫入門教程 - NoSQL教程
• YAML 入門教程
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。