android中webviewjs与java的相互调用

最新推荐文章于 2015-09-07 23:15:37 发布

CODERLIHAO

最新推荐文章于 2015-09-07 23:15:37 发布

阅读量522

点赞数

分类专栏： Webview android

android 同时被 2 个专栏收录

70 篇文章 0 订阅

订阅专栏

Webview

5 篇文章 0 订阅

订阅专栏

实现的方法是将数据通过js传递到html页面中。

android中的关键代码：

 
        webview.getSettings().setJavaScriptEnabled( 
        true 
        ); 
       
        webview.addJavascriptInterface(object,”name”); 
        //把object添加到window中。Name=”name”； 
       
        webview.loadUrl(“file: 
        ///android_asset/index.html”);//注意这个资源的位置是跟res并列的文件夹下。

js或html中调用android中方法代码：

如：<a onClick=”window.name.java中的方法()”>

或js中 window.name.java中的方法()；

android中调用js的function方法：

Callfunction(){

webview.loadUrl(“javascript: function ()”);

}

需要注意的地方，很多数据类型js中不认识，最好是在android那边封装好，提供必要的方法接口。比如传到js中的list，在js中是没办法去得到里面的元素的。

以下是源码：

html的源码

 
        <script language=”javascript“> 
       
        window.onload=  
        function 
        (){ 
       
        var 
         i=window.javatojs.getSize(); 
       
        for 
        ( 
        var 
         n=0;n<i;n++){ 
       
        varjsdata= window.javatojs.getObject(n); 
        //拿到activity里面的属性javadata 
       
        vardatalistdiv = document.getElementById(“datalist“);  
        //得到页面的div 
       
        pnode = document.createElement(“p”); 
        //创建一个p标签，再建个textnode 
       
        tnode = document.createTextNode(jsdata); 
       
        pnode.appendChild(tnode); 
        //p中加入数据 
       
        datalistdiv.appendChild(pnode); 
        //div中键入新的p 
       
        } 
       
        } 
       
        </script> 
       
        <body> 
       
        <div id = “datalist“> 
       
        this 
         is a demo 
       
        </body>

Android源码：

 
        package com.demo.android.JavaJsDemo; 
       
        import android.app.Activity; 
       
        import android.os.Bundle; 
       
        import android.webkit.WebView; 
       
        import java.util.ArrayList; 
       
        import java.util.List; 
       
        public class JavaJsDemo extends Activity { 
       
        /** Called when the activity is first created. */ 
       
        private WebView web; 
       
        public List<String> list; 
       
        @Override 
       
        public void onCreate(Bundle savedInstanceState) { 
       
        super 
        .onCreate(savedInstanceState); 
       
        initData(); 
       
        setContentView(R.layout.main); 
       
        web = (WebView) 
        this 
        .findViewById(R.id.webview); 
       
        //开启javascript设置 
       
        web.getSettings().setJavaScriptEnabled( 
        true 
        ); 
       
        //把RIAExample的一个实例添加到js的全局对象window中 
       
        //这样就可以使用window.javatojs来调用它的方法 
       
        web.addJavascriptInterface( 
        this 
        ,  
        "javatojs" 
        ); 
       
        //加载网页 
       
        web.loadUrl( 
        "file:///android_asset/index.html" 
        ); 
       
        } 
       
        void initData(){ 
       
        list= 
        new 
         ArrayList<String>(); 
       
        for 
        (int i=0;i<5;i++){ 
       
        list.add( 
        "我是List中的第" 
        +(i+1)+ 
        "行" 
        ); 
       
        } 
       
        } 
       
        /** 
       
        * 该方法将在js脚本中，通过window.javatojs.....()进行调用 
       
        * @return 
       
        */ 
       
        public Object getObject(int index){ 
       
        return 
         list.get(index); 
       
        } 
       
        public int getSize(){ 
       
        return 
         list.size(); 
       
        } 
       
        public void Callfunction(){ 
       
        web.loadUrl( 
        "javascript: GetList()" 
        ); 
       
        } 
       
        }

CODERLIHAO

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android中webviewjs与java的相互调用

实现的方法是将数据通过js传递到html页面中。android中的关键代码：123webview.getSettings().setJavaScriptEnabled(true);webview.addJavascriptInterface(object,”name”);//把object添加到
复制链接

扫一扫