WebView与Js交互

MainActivity.java

public class MainActivity extends AppCompatActivity {

    //这是本地的写法
//    private static final String HTML_URL = "file:///android_asset/test.html";
    private static final String HTML_URL = "http://169.254.53.96:8080/test.html";
    private WebSettings webViewSettings;
    private WebView webView;

    @SuppressLint("JavascriptInterface")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = (WebView) findViewById(R.id.show_wb);
        webViewSettings = webView.getSettings();
        webViewSettings.setJavaScriptEnabled(true);
        webViewSettings.setSupportZoom(true);

        webView.setWebViewClient(new WebViewClient() {
            /**
             * 给WebView加一个事件监听对象(WebViewClient)并重写shouldOverrideUrlLoading,
             * 可以对网页中超链接按钮的响应
             * 当按下某个连接时WebViewClient会调用这个方法,并传递参数:当前响应的的url地址
             */
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // 此处可添加一些逻辑:是否拦截此url,自行处理
                // 下方2行代码是指在当前的webview中跳转到新的url
                view.loadUrl(url);
                return true;
            }
        });

        // Android端定义一个方法,给js调用,
        // 使用webView对象,调用addJavascriptInterface方法(),
        // 第一个参数是写一个类,在这里面提供要暴露的方法,方法前最好加一个注解:@JavascriptInterface,
        // 第二个参数是标识字符串,js通过这个标识,调用我们的方法.    在js里面是这样使用的:Android.showToast(content);
        webView.addJavascriptInterface(new Object() {
            @JavascriptInterface
            public void showToast(String content) {
                Toast.makeText(getApplicationContext(), content, Toast.LENGTH_LONG).show();
            }
        }, "Android");

    }

    //调用js暴露的方法.格式固定:webView对象.loadUrl("javascript:js方法名(参数)");
    public void call(View v) {
        webView.loadUrl("javascript:changeInputValue('哈哈! ycf 很高兴认识你,我叫如花')");
    }
A8:64:5A:FF:9F:7D:F0:85:02:AE:BC:86:24:0C:5C:98:B9:AD:8A:68
    //加载本地的文件.
    public void load(View v) {
        //webView.loadUrl("http://www.qq.com");
        webView.loadUrl(HTML_URL);
    }


}

activity_main.xml



    

        
        

WebView与Js交互_第1张图片

 

你可能感兴趣的:(WebView与Js交互)