本文目錄一覽:
- 1、JS怎樣調用Android本地原生方法
- 2、如何在android平台上使用js直接調用Java方法
- 3、在Android上怎樣實現JAVA和JS交互
- 4、在android中怎樣調用本地js文件里的方法並得到返回值
JS怎樣調用Android本地原生方法
在android中調用本地js文件里的方法並得到返回值其方法如下:
Android中內置了WebKit模塊,而該模塊的Java層視圖類就是WebView,所有需要使用Web瀏覽器功能的Android都需要創建該視圖類對象顯示和處理請求的網絡資源。目前WebKit支持Http、Https、Ftp和JavaScript請求。下面是在Android中調用JavaScript方法以及如何在js中調用本地方法。
1、在Assets下放一個簡單的html文件jstest.html
!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “”
HTML
HEAD
meta name=”viewport” content=”width=device-width, target-densitydpi=device-dpi” /
META http-equiv=”Content-Type” content=”text/html; charset=UTF-8″
script
function showMsg(){
alert(“hello world!”);
}
function showMsgInAndroid(){
myjs.showMsg(‘hello in android!’);
}
/script
/HEAD
BODY
span測試js使用/span
button id=’btntest’ onclick=’showMsgInAndroid()’調用android方法/button
/BODY
/HTML
2、布局文件main.xml
?xml version=”1.0″ encoding=”utf-8″?
RelativeLayout
android:id=”@+id/rl_main”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
xmlns:android=””
WebView
android:id=”@+id/wv_test”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:layout_above=”@+id/btn_showmsg”/
Button
android:id=”@+id/btn_showmsg”
android:layout_width=”200dip”
android:layout_height=”40dip”
android:layout_alignParentBottom=”true”
android:layout_centerHorizontal=”true”
android:text=”調用html中js方法”/
/RelativeLayout
3、然後是Activity,MainActivity.java
package com.harold.jstest;
import com.harold.base.JSKit;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.Button;
public class MainActivity extends Activity {
private WebView mWebView;
private Button btnShowInfo;
private JSKit js;
private Handler mHandler = new Handler();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//初始化控件
mWebView = (WebView) findViewById(R.id.wv_test);
btnShowInfo = (Button) findViewById(R.id.btn_showmsg);
//實例化js對象
js = new JSKit(this);
//設置參數
mWebView.getSettings().setBuiltInZoomControls(true);
//內容的渲染需要webviewChromClient去實現,設置webviewChromClient基類,解決js中alert不彈出的問題和其他內容渲染問題
mWebView.setWebChromeClient(new WebChromeClient());
mWebView.getSettings().setJavaScriptEnabled(true);
//把js綁定到全局的myjs上,myjs的作用域是全局的,初始化後可隨處使用
mWebView.addJavascriptInterface(js, “myjs”);
mWebView.loadUrl(“”);
btnShowInfo.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mHandler.post(new Runnable() {
@Override
public void run() {
//調用 HTML 中的javaScript 函數
mWebView.loadUrl(“javascript:showMsg()”);
}
});
}
});
}
}
4、最後是綁定全局js的類JSKit.java
package com.harold.base;
import android.widget.Toast;
import com.harold.jstest.MainActivity;
public class JSKit {
private MainActivity ma;
public JSKit(MainActivity context) {
this.ma = context;
}
public void showMsg(String msg) {
Toast.makeText(ma, msg, Toast.LENGTH_SHORT).show();
}
}
例子比較簡單,代碼里都加了注釋,這裡就不多說了,本示例用的本地的html,如果訪問網絡中的網頁,別忘記在AndroidManifest.xml中加權限
uses-permission android:name=”android.permission.INTERNET”/
如何在android平台上使用js直接調用Java方法
通過webview進行js調用
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), “demo”);
final class DemoJavaScriptInterface {
DemoJavaScriptInterface() {
}
/**
* 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()”);
}
});
}
}
js調用
window.demo.clickOnAndroid()
在Android上怎樣實現JAVA和JS交互
Java代碼mWebview.getSettings().setJavas criptEnabled(true);
然後是設置webview要加載的網頁:
web的網頁:webView.loadUrl(“xxx”);
本地的網頁:webView.loadUrl(“”); //本地的存放在:assets文件夾中
webview做完基本的初始化後我們還要要給它,加進一個回調的代理類Javas criptInterface,並給它一個調用的名稱:ncp
Java代碼
mWebView.addJavas criptInterface(new Javas criptInterface(),”ncp”);
Javas criptInterface可以是一個普通的Java類,類實現的方法,均可被js回調:
Java代碼
final class Javas criptInterface {
public int callOnJs() {
return 1000;
}
public void callOnJs2(String mode) {
//TODO
}
}
Java要調用js的方法,只需知道js的方法名稱即可:
Java代碼
mWebView.loadUrl(“javas cript:onSaveCallback()”);
js 這邊就更簡單:
Js代碼
window.onload = function(){
document.getElementById(‘btn_1’).addEventListener(‘click’, onBtnClick, false);
var _int_value = window.ncp.callOnJs();
alert(“get int from java:” + _int_value );
}
function onBtnClick() {
window.ncp.callOnJs2(“click”);
}
在android中怎樣調用本地js文件里的方法並得到返回值
您好,很高興能幫助您,
Android中webview和js之間的交互
1.android中利用webview調用網頁上的js代碼。
Android 中可以通過webview來實現和js的交互,在程序中調用js代碼,只需要將webview控件的支持js的屬性設置為true,,然後通過loadUrl就可以直接進行調用,如下所示:
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl(“javascript:test()”);
2. 網頁上調用android中java代碼的方法
在網頁中調用java代碼,需要在webview控件中添加javascriptInterface。如下所示:
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid() {
mHandler.post(new Runnable() {
public void run() {
Toast.makeText(Test.this, “測試調用java”, Toast.LENGTH_LONG).show();
}
});
}
}, “demo”);
在網頁中,只需要像調用js方法一樣,進行調用就可以
div id=’b’a onclick=”window.demo.clickOnAndroid()”b.c/a/div
3. Java代碼調用js並傳參
首先需要帶參數的js函數,如function test(str),然後只需在調用js時傳入參數即可,如下所示:
mWebView.loadUrl(“javascript:test(‘aa’)”);
4.Js中調用java函數並傳參
首先一樣需要帶參數的函數形式,但需注意此處的參數需要final類型,即得到以後不可修改,如果需要修改其中的值,可以先設置中間變量,然後進行修改。如下所示:
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid(final int i) {
mHandler.post(new Runnable() {
public void run() {
int j = i;
j++;
Toast.makeText(Test.this, “測試調用java” + String.valueOf(j), Toast.LENGTH_LONG).show();
}
});
}
}, “demo”);
然後在html頁面中,利用如下代碼div id=’b’a onclick=”window.demo.clickOnAndroid(2)”b.c/a/div,
即可實現調用
你的採納是我前進的動力,還有不懂的地方,請你繼續“追問”!
如你還有別的問題,可另外向我求助;答題不易,互相理解,互相幫助!
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/309521.html