android中引用js代码

来源：互联网发布：会计软件的功能编辑：程序博客网时间：2024/06/13 01:27

今天看了下官方文档，了解了下webview的用法，其中有用到Android端调用js的那一块，于是乎自己看着文档写了一个小demo；

下面是java代码块，具体的我不多说，因为下面的注解很详细

package com.example.demo;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.webkit.JavascriptInterface;import android.webkit.WebSettings;import android.webkit.WebView;import android.widget.Toast;public class WebActivity extends Activity{private WebView webView;@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.activity_main);webView=(WebView) findViewById(R.id.webview);//加载asset中的资源webView.loadUrl("file:///android_asset/js.html");//webView使用JavaScript的WebSettings settings=webView.getSettings();//加载js的代码settings.setJavaScriptEnabled(true);/** * @param obj Java对象注入到这个WebView的JavaScript * @param name 揭露对象在JavaScript中使用的名称 */webView.addJavascriptInterface(new WebAppInterface(this), "Android");}public class WebAppInterface {    Context mContext;    /** Instantiate the interface and set the context */    WebAppInterface(Context c) {        mContext = c;    }    /** Show a toast from the web page */    /**Android官网强烈推荐     * If you've set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterface     * 如果你的sdk在17获取17以上的话必须在方法的前面加上@JavascriptInterface。不然js的代码不能访问;     * @param toast     */    @JavascriptInterface    public void showToast(String toast) {        Toast.makeText(mContext, toast, Toast.LENGTH_LONG).show();    }}}这是js的代码块

<pre name="code" class="html"><html><head><title>标题</title><script type="text/javascript">    function showAndroidToast(toast) {//这个就是addJavascriptInterface中的name        Android.showToast(toast);    }</script></head><body><input type="button" value="Say hello" onClick="showAndroidToast('在Android端调用了js')" />手写html<body></html>

0 0