android webview读取html和js

最新推荐文章于 2023-04-25 22:56:24 发布

一叶飘舟

最新推荐文章于 2023-04-25 22:56:24 发布

阅读量1.5k

点赞数

分类专栏： Android开发文章标签： android html javascript java schema file

本文链接：https://blog.csdn.net/jdsjlzx/article/details/6622582

版权

Android开发专栏收录该内容

1082 篇文章 31 订阅

订阅专栏

WebView对Javascript的支持也很强，google一个Java和Javascript互调的例子
整个Eclipse ADT工程例子中都有，这里重点分析一下代码：

    Java代码  
     
    
  
public class WebViewDemo extends Activity {  
    private WebView mWebView;  
    private Handler mHandler = new Handler();  
  
    public void onCreate(Bundle icicle) {  
        super.onCreate(icicle);  
        setContentView(R.layout.webviewdemo);  
        mWebView = (WebView) findViewById(R.id.webview);  
        WebSettings webSettings = mWebView.getSettings();  
        webSettings.setJavaScriptEnabled(true);  
        mWebView.addJavascriptInterface(new Object() {  
            public void clickOnAndroid() {  
                mHandler.post(new Runnable() {  
                    public void run() {  
                        mWebView.loadUrl("javascript:wave()");  
                    }  
                });  
            }  
        }, "demo");  
        mWebView.loadUrl("file:///android_asset/demo.html");  
    }  
}  

这里的重点是addJavascriptInterface(Object obj,String interfaceName)方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是interfaceName，作用域是Global。这样初始化webview后，在webview加载的页面中就可以直接通过javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的：

    Html代码  
     
    
  
<html>  
        <script language="javascript">  
                function wave() {  
                    document.getElementById("droid").src="android_waving.png";  
                }  
        </script>  
        <body>  
            <a onClick="window.demo.clickOnAndroid()">  
                                <img id="droid" src="android_normal.png"/><br>  
                                Click me!  
            </a>  
        </body>  
</html>  

这样在javascript中就可以调用java对象的clickOnAndroid()方法了，wave()方法是java中调用javascript的例子。

这里还有几个知识点：

1)为了让WebView从apk文件中加载assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"

2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用Handler的目的。

一叶飘舟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android webview读取html和js

WebView对Javascript的支持也很强，google一个Java和Javascript互调的例子整个Eclipse ADT工程例子中都有，这里重点分析一下代码：Java代码 public class WebViewDemo extends Activity {
复制链接

扫一扫

专栏目录