WebView与JS互调

在Android 4.2之后JS的注入需要加入注解 @javascriptInterface

1.Android 调用 JS

1. 初始化WebView控件，开启该控件对JS的支持
2. 调用loadUrl()方法加载HTML文件，调用JS代码

代码如下

//1在HTML页面中定义JS方法
function javaCallJs（）{
document.getElementById（“content”）.innerHTML +="java 调用JS函数"
}

//2.初始化webView控件并加载该html文件---test
private void initWebView（）{
mWebView.getSettings().setJavaScriptEnable(true);  //开启js支持
mWebView.loadUrl("file://android/test.html");      //加载html文件
}

 // 3.调用HTML页面中的javaCallJs（）方法mWebView.loadUrl（“javascript：javaCallJs（）”）； 

 

2.JS 调用 Android

1. 为 WebView 绑定 JavasriptInterface类
2. JS 通过该类对 java代码进行调用

68