`
flycomos.lee
  • 浏览: 281869 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

android中实现JavaScript与Java之间实现互相调用

 
阅读更多

webview提供了接口让javascript访问Java应用程序,WebView.addJavascriptInterface()方法就是实现交互接口的好东西呀!当然也是很危险的!看下面例子:

//main.xml

<?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"
    >
<EditText
 android:id="@+id/txt"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    />
<Button
 android:id="@+id/btn"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Send To JavaScript"
    />
<TextView
 android:id="@+id/show"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    />
<WebView
 android:id="@+id/wv"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    />
</LinearLayout>

//WebJavaScript.java

package com.hl;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class WebJavaScript extends Activity {
 private EditText txt;
 private WebView wv;
 private Button btn;
 private Handler h = new Handler();
   
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        txt = (EditText) findViewById(R.id.txt);
        wv = (WebView) findViewById(R.id.wv);
        btn = (Button) findViewById(R.id.btn);
       
        WebSettings webSettings = wv.getSettings();
       
        webSettings.setJavaScriptEnabled(true);
        webSettings.setSaveFormData(false);
        webSettings.setSavePassword(false);
        webSettings.setSupportZoom(false);
       
        wv.addJavascriptInterface(new runJavaScript(), "myjs");
        //myjs是自己定义的,供javascript访问的接口

        String url = "file:///android_asset/android.html ";
        wv.loadUrl(url);
       
        btn.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {
    //调用javascript的函数get4Android(str)
    wv.loadUrl("javascript:get4Android('"+ txt.getText().toString() + "')"); 
   }
  });
    }
    //The Java object that is bound runs in another thread and not in the thread that it was constructed in.文档的一句话!
    final class runJavaScript{//这个Java 对象是绑定在另一个线程里的,
      public void runOnAndroidJavaScript(final String str){
       h.post(new Runnable(){
    @Override
    public void run() {//这里应该特别注意的
     TextView show = (TextView) findViewById(R.id.show);
          show.setText("This is a message from javascript:"+str); 
    }
    
   });
      }
    }
}

//放在assets文件夹的html文件,android.html

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
function get4Android(str){
 document.getElementById("show").innerHTML="This is a message from android:"+str;
 }
function send2Android(){
 var str = document.getElementById("mess").value;
 window.myjs.runOnAndroidJavaScript(str);//调用android的函数
 }
</script>
</head>

<body>
 <input type="text" id="mess" />
 <input type="button" value="Send To Android"  onclick="send2Android()"/>
<div id="show"></div>
</body>
</html>
看看效果图吧!

点击查看原图

 

下面有我整理出的源代码。

分享到:
评论
1 楼 liufeng7600 2012-11-25  
你好,求教:

  我可不可以在pc上用web浏览器访问 Android上的serversocket服务呢?
如果案例可行,那么在pc上访问的url是什么?


谢谢,谢谢,谢谢!

相关推荐

    android webview中使用Java调用JavaScript方法并获取返回值

    如果需要在WebView中启用JavaScript调用Android代码的功能,还要在addJavascriptInterface()方法中声明一个Java类的实例,并为其指定一个可以在JavaScript中访问的接口名字。 在Java代码中定义一个内部类,用于接收...

    Android javascript 调用本地Java函数

    这个主题,"Android javascript 调用本地Java函数",涉及到如何在Android的Web视图(WebView)中实现JavaScript与Java之间的通信。下面将详细讲解这个过程。 **一、WebView组件** 首先,我们需要了解Android的...

    Android中JS与Java相互调用Demo

    在Android开发中,JavaScript与Java之间的交互是一种常见的需求,特别是在构建混合应用或者增强原生应用功能时。本Demo主要展示了如何实现Android中的JS与Java的双向调用,从而实现两者的无缝对接。以下是对这个Demo...

    android JS与java代码相互调用

    在Android开发中,JavaScript(JS)与Java代码的相互调用是常见的需求,尤其是在混合式应用开发中。这种交互能够充分利用JavaScript的灵活性和Java的强大功能,实现更丰富的用户体验。本Demo旨在提供一个清晰、易懂...

    android中Webview与javascript的交互(互相调用)

    总之,Android中的WebView与JavaScript的交互是通过暴露Java对象和调用JavaScript函数实现的,这种方式极大地丰富了Android应用的功能。在实际开发中,我们需要合理利用这一特性,同时注意安全性和性能优化。

    android中js与java间函数相互调用demo,支持中文传参,无乱码

    在Android开发中,JavaScript与Java之间的交互是一种常见的需求,特别是在构建混合式应用或者利用Web技术增强原生应用功能时。本教程将详细讲解如何在Android中实现JS与Java的双向函数调用,以及如何处理中文参数...

    android使用webView实现java程序与js脚本的相互调用

    通过上述步骤,我们可以在Android应用中使用WebView实现Java与JavaScript的交互。这种技术广泛应用于混合应用开发,使开发者能够充分利用两者的优势,为用户提供更好的体验。在实际开发中,需要根据具体需求灵活运用...

    Android调用JavaScript.zip

    在Android应用开发中,有时我们需要实现Android原生代码与JavaScript之间的交互,这通常涉及到WebView组件的使用。"Android调用JavaScript.zip"这个压缩包可能包含了关于如何在Android中调用JavaScript代码的相关...

    android和javascript互相调用

    在Android开发中,有时我们需要实现Android原生代码与JavaScript之间的交互,这主要涉及到WebView组件的使用。本示例将深入探讨如何实现Android和JavaScript的互相调用,以便于在混合应用开发中创建更加丰富的用户...

    Android 和 IOS WebView javaScript与 Native 互相调用(JS 与O-C Java )

    在移动应用开发中,Android和iOS平台经常使用WebView来展示网页内容,并且有时需要实现JavaScript与原生代码(Objective-C for iOS, Java for Android)之间的交互。这种交互能力使得开发者可以利用JavaScript的便利...

    xe7android手机调用javascript

    在Android开发中,将Java代码与JavaScript交互是常见的需求,特别是在构建混合应用或者利用Webview展示网页内容时。本文将详细讲解如何在Android设备上实现Java代码调用JavaScript,以及JavaScript反过来调用Android...

    Android原生java语句 和html js互相调用 传递参数

    `WebView`不仅可以展示HTML页面,还能实现Android原生Java代码与HTML中的JavaScript交互,从而实现更丰富的功能。本教程将详细介绍如何在Android中通过Java语句与HTML中的JavaScript进行互调,并传递参数。 首先,...

    Android和JavaScript互相调用

    本文将深入探讨Android与JavaScript之间的相互调用机制,以及如何实现这种跨平台的通信。 首先,Android通过WebView组件支持JavaScript的执行。WebView是一个可以加载和显示网页内容的视图,它不仅能够展示HTML,还...

    Android调用JavaScript_android源码.zip

    在Android应用开发中,有时我们需要实现Android与JavaScript之间的交互,这通常涉及到WebView组件的使用以及JavaScript接口的调用。在本篇文章中,我们将深入探讨如何在Android应用中调用JavaScript,以及Android...

    android 案例java 调用js

    在Android开发中,Java与JavaScript的交互是移动应用与网页内容融合的关键技术。这个"android 案例java 调用js"的资源提供了一个实际的示例,展示了如何在Android应用程序中调用JavaScript代码,以及JavaScript如何...

    Android混合开发的基本框架JavaScript和java之间的桥梁

    本文将深入探讨"Android混合开发的基本框架JavaScript和Java之间的桥梁"这一主题,带你理解如何通过JavaScript与Java进行交互,实现高效、灵活的混合应用。 首先,混合开发框架的核心在于提供一个中间层,使得...

    Android实现java和javascript通信

    本文将深入探讨如何在Android中实现在Java和JavaScript之间建立桥梁,进行有效的数据交换和交互。 首先,我们需要理解Android中的WebView组件。WebView是Android提供的一种可以加载并显示网页内容的视图控件。它...

    Android中在WebView里实现Javascript调用Java类的方法

    以上内容涵盖了在Android WebView中实现JavaScript调用Java类方法的核心知识,包括如何设置WebView以支持JavaScript,如何映射Java对象到JavaScript对象,以及如何定义Java类和方法供JavaScript调用。这些技术点都是...

Global site tag (gtag.js) - Google Analytics