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

最新推荐文章于 2024-04-18 04:14:22 发布

Lxy20180101

最新推荐文章于 2024-04-18 04:14:22 发布

阅读量337

点赞数

分类专栏：安卓学习

本文链接：https://blog.csdn.net/qq_41161483/article/details/80115762

版权

安卓学习专栏收录该内容

33 篇文章 0 订阅

订阅专栏

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

 
   [javascript]  
   view plaincopy
<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的里面

 
   [html]  
   view plaincopy
<?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的显示,映射等

 
   [html]  
   view plaincopy
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+"')");  
        }  
    }  
}  