>>分享Android开发相关的技术 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 15661 个阅读者 刷新本主题
 * 贴子主题:  android webView js方法和java 方法交互-android,unity3d 回复文章 点赞(0)  收藏  
作者:Jacky    发表时间:2021-02-04 07:37:49     消息  查看  搜索  好友  邮件  复制  引用

   目标:  在android activity webView的使用,activity中执行html中的js 方法, 和在html 中 调用activity 中的java方法

如图 :

[url=s4.51cto.com/attachment/201210/145524351.png]点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小[/url]
[url=s4.51cto.com/attachment/201210/145726663.png]点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小[/url]

上图中 点击了 ” 调用html中的js 方法“  后的 效果

[url=s4.51cto.com/attachment/201210/145627301.png]点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小[/url]

上图中 点击了  html 中的 ”调用java中的方法“  后的 效果 这里是调用java 中的方法 弹出了一个 对话框

在android开发中 有的程序会使用webView调用外部的html 界面,有界面 就当然有交互。 嘻嘻

注意点:

AndroidManifest.xml中必须注册"android.permission.INTERNET"进行权限许可,(如果只是使用本地HTML,可以不用注册许可权限)否则会出Web page not available错误

webView的使用方式这里就不做介绍了.  但需要注意的一点是 ,要使用js 必须开启webView的js 支持, 否则webView是不支持js的喔

开启WebView 的js方法
        WebView webview=(WebView)findViewById(R.id.webview);

        //加上这句话才能使用javascript方法  

        webview.getSettings().setJavaScriptEnabled(true);

首先我们 先看看 如何在在java中调用 html中的js 方法

1:  首先创建一个测试的html

代码如下

<html>
<head>

<script type="text/javascript">

function updateHtml(){

document.getElementById("content").innerHTML =  

         "你通过 android 中的控件调用了html 中js 的方法";
}
</script>
</head>

<body>
this is my html <a onClick="window.login.startFunction()" href="";>调用java中个的方法</a>
<span id="content"></span>

</body>
</html>

把上面代码保存为 demo.html 放到android 项目下面assets目录下面

上面的代码中,包含了一个js 方法 ,我们接下来看看 如何在 activity中调用这个js 方法。 直接看代码


布局文件

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

    <WebView

     android:layout_weight="9"

        android:id="@+id/webview"  

        android:layout_width="fill_parent"  

        android:layout_height="fill_parent"  

    />
  

<Button

    android:layout_weight="1"

    android:id="@+id/button"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:text="调用html中的js 方法"

    />

  <Button

    android:layout_weight="1"

    android:id="@+id/button1"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:text="重新加载html"

    />

</LinearLayout>

程序代码

public class MainActivity extends Activity {

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        //获取webView 控件

       final WebView webview=(WebView)findViewById(R.id.webview);

        //加上这句话才能使用javascript方法  

        webview.getSettings().setJavaScriptEnabled(true);

        //加载公网中的 html界面

       //webview.loadUrl("http://128.128.191.62/cn/mobile/geturl.html");

       //加载sdcard中的 html界面

       webview.loadUrl("file:///sdcard/demo.html");

        //加载assets目录下面的demo.html 界面

        webview.loadUrl("file:///android_asset/demo.html");

        Button button=(Button)findViewById(R.id.button); //获取button控件 即"调用html中的js方法" 按钮

       //给button添加事件响应,执行JavaScript的fillContent()方法  

        button.setOnClickListener(new Button.OnClickListener() {  

            public void onClick(View v) {

             webview.loadUrl("javascript:updateHtml()");  

            }

        });  

        

        Button button1=(Button)findViewById(R.id.button1);//获取button1控件 即"重新加载html "按钮

        //给button添加事件响应,执行JavaScript的fillContent()方法  

        button1.setOnClickListener(new Button.OnClickListener() {  

              public void onClick(View v) {

               Log.d("MainActivity","button1 OnClick");

               webview.loadUrl("http://www.163.com");

              }

          });

    }

}

上面代码调用 html中的js 方法 , 点击 调用html中的js方法  按钮会更新html内容


那反过来 又如何 在 html中调用java 里面的方法 呢 , 同样好简单的 , 我们看看下面的 代码

public class MainActivity extends Activity {

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        //获取webView 控件

       final WebView webview=(WebView)findViewById(R.id.webview);

        //加上这句话才能使用javascript方法  

        webview.getSettings().setJavaScriptEnabled(true);

       //webview.loadUrl("http://128.128.191.62/cn/mobile/geturl.html");

        //加载assets目录下面的demo.html 界面

        webview.loadUrl("file:///android_asset/demo.html");

        Button button=(Button)findViewById(R.id.button); //获取button控件 即"调用html中的js方法" 按钮

       //给button添加事件响应,执行JavaScript的fillContent()方法  

        button.setOnClickListener(new Button.OnClickListener() {  

            public void onClick(View v) {

             Log.d("MainActivity","button OnClick");

             webview.loadUrl("javascript:showDialog()");  

            }

        });  

        

        Button button1=(Button)findViewById(R.id.button1);//获取button1控件 即"重新加载html "按钮

        //给button添加事件响应,执行JavaScript的fillContent()方法  

        button1.setOnClickListener(new Button.OnClickListener() {  

              public void onClick(View v) {

               Log.d("MainActivity","button1 OnClick");

               webview.loadUrl("http://128.128.191.62/cn/mobile/geturl.html");

               //return

              }

          });

        

        

        //增加接口方法,让html页面调用   第二个参数为别名,在html 中调用会使用

        webview.addJavascriptInterface(this,"login");  

    }

    

    public void startFunction(){

     AlertDialog.Builder ab=new AlertDialog.Builder(MainActivity.this);

ab.setTitle("提示");

ab.setMessage("通过js 调用了 java 中的方法");

ab.setPositiveButton("确定", new DialogInterface.OnClickListener()

{

@Override

public void onClick(DialogInterface dialog, int which) {

dialog.dismiss();

}

});

ab.create().show();

    }

}

上面代码 定义了java一个方法 并且在主线程中将本身的java 实例 添加到 webView 中去,这样就可以在 在 html中 使用 window.login.startFunction()就可以在html 中调用java 中间的方法 。  

赶快去试试吧 。
附件:http://down.51cto.com/data/2361541
----------------------------
原文链接:https://blog.51cto.com/mahaile/1017899

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2021-06-23 16:34:23 重新编辑]
  Java面向对象编程-->Java注解
  JavaWeb开发-->JSP技术详解(Ⅰ)
  JSP与Hibernate开发-->JPA API的高级用法
  Java网络编程-->Java网络编程入门
  精通Spring-->计算属性和数据监听
  Vue3开发-->通过Axios访问服务器
  Android 控件布局实现卡片效果,阴影效果
  Android UI学习 - TableLayout
  Android在SDcard建文件夹(在Android中移动文件必用)
  Android带有粘性头部的ScrollView-WelliJohn的博客
  Android--Widget开发
  Android Application Theme的实现及管理
  Android静默安装的实现
  Android自定义组件
  Android 使用SQLite数据库
  众多Android 开源项目推荐
  android 系统自带的卡帧警告
  一款在Linux下运行Android应用的软件:xDroid
  到底什么是AndroidX?
  Android_实现商品详情的展示页及布局
  Android - 监听WebView加载失败的处理
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。