android与JS交互,互相调用方法,跳转到网页

最新推荐文章于 2024-04-16 20:33:30 发布

meng_c_

最新推荐文章于 2024-04-16 20:33:30 发布

阅读量8k

点赞数

本文链接：https://blog.csdn.net/thw_m/article/details/78583922

版权

在main下面New - Folder - Assets Folder,在Assets下面新建一个js_android.html

<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title></title>
    <script type="text/javascript">

              //这个方式是被java调用的
             function androidCallJs(){
             alert("java调用js弹窗");
             }
            </script>
</head>
<body>
<input type="button" οnclick="jsi.showToast('js调用Android,我是徐庆臣')" value="js调用java代码"/>
</body>
</html>

activity_main.xml的里面

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
   >

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="JAVA调用JS方法" />
    <WebView xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:id="@+id/webview" >

</WebView>

    <Button
        android:id="@+id/btn3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="加载百度页面"
        />-->
</LinearLayout>

MainActivity里面,设置webview的显示,映射等

public class MainActivity extends AppCompatActivity {

    private Button btn1;
    private Button btn2;
    private Button btn3;
    private WebView webView;
    private WebView webView1;

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


        btn1 = (Button) findViewById(R.id.btn1);
      //  btn2 = (Button) findViewById(R.id.btn2);
        btn3 = (Button) findViewById(R.id.btn3);

        webView1 = new WebView(this);
        //实例化webview组件
        webView =(WebView) findViewById(R.id.webview);
         //webView.setWebViewClient(new WebViewClient());

        //加载assets目录下的html文件
        webView.loadUrl("file:///android_asset/js_android.html");
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        webSettings.setJavaScriptEnabled(true);
        //映射.可以调用js里面的方法
        webView.addJavascriptInterface(new JSInterface(), "jsi");

        webView.setWebChromeClient(new WebChromeClient(){
            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                return super.onJsAlert(view, url, message, result);
            }
        });

        //java调用js方法 的点击事件, webView.loadUrl("javascript:androidCallJs()");
        btn1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                webView.loadUrl("javascript:androidCallJs()");
            }
        });


        //加载百度页面的点击事件
      btn3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                webView1.loadUrl("http://www.baidu.com");
                setContentView(webView1);
              //  Toast.makeText(MainActivity.this,"ee",Toast.LENGTH_SHORT).show();
            }
        });
    }



    //设置回退
    //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法
  /*  public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {
            webView.goBack(); //调用goBack()返回WebView的上一页面
            return true;
        }
        return false;
    }*/


    private final class JSInterface{
        /**
         * 注意这里的@JavascriptInterface注解， target是4.2以上都需要添加这个注解，否则无法调用
         * @param text
         */
        @JavascriptInterface
        public void showToast(String text){
            Toast.makeText(getApplicationContext(), text, Toast.LENGTH_SHORT).show();
        }
        @JavascriptInterface
        public void showJsText(String text){
            webView.loadUrl("javascript:jsText('"+text+"')");
        }
    }
}

meng_c_

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
android与JS交互,互相调用方法,跳转到网页

在main下面New - Folder - Assets Folder,在Assets下面新建一个js_android.html //这个方式是被java调用的 function androidCallJs(){ alert("java调用js弹窗");
复制链接

扫一扫