android原生与html交互,android与html5交互

Android中构建HTML5应用

使用WebView控件,与其他控件的使用方法相同在layout中使用一个标签,WebView不包括导航栏，地址栏等完整浏览器功能，只用于显示一个html.

在WebView中加载Web页面:

(1)注意在manifest文件中加入访问互联网的权限：

<uses-permissionandroid:name="android.permission.INTERNET"/>

在Android中点击一个链接，默认是调用应用程序来启动，因此WebView需要代为处理这个动作通过WebViewClient。

(2)在布局文件中(main.xml),添加标签WebView的id

<WebView

android:id="@+id/webview"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/hello"/>

(2)在onCreate()中使用loadUrl(...)加载html。

publicvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

WebView mWebView = (WebView)findViewById(R.id.webview);

// mWebView.getSettings().setJavaScriptEnabled(true);

// mWebView.setWebChromeClient(new WebChromeClient());

mWebView.loadUrl("file:///android_asset/www/NewFile.html");

}

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

WebView mWebView = (WebView)findViewById(R.id.webview);

// mWebView.getSettings().setJavaScriptEnabled(true);

// mWebView.setWebChromeClient(new WebChromeClient());

mWebView.loadUrl("file:///android_asset/www/NewFile.html");

}

(3)实现android与js交互

默认情况下WebView中的js是禁用的，通过将WebSettings附加到WebView中启动js，可以用getSettings()检索WebSettings,然后用setJavaScriptEnabled()启动js。

mWebView.getSettings().setJavaScriptEnabled(true);

mWebView.setWebChromeClient(new WebChromeClient());

(4)在JS中调用Android的函数方法

把本类的一个实例添加到js的全局对象window中，这里是"injs"。

mWebView.addJavascriptInterface(new

JavaScriptInterface(),"injs");

实现JavaScriptInterface()类，这里在该类中定义一个方法publicvoidrunOnAndroidJavaScript(finalString str){...}

在js中调用java函数

windows.injs.runOnAndroidJavaScript(str);//调用android的函数