135、JS和Android交互范例

很简单的直接上代码

<uses-permission android:name="android.permission.INTERNET" />

assets/web.html

<html>
<head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"><script type="text/javascript">function javacalljs(){document.getElementById("content").innerHTML ="<br\>JAVA调用了JS的函数";
}function javacalljswith(arg){document.getElementById("content").innerHTML =("<br\>"+arg);
}</script>
</head>
<body>HTML 内容显示 <br/>
<h1><div id="content">内容显示</div>
</h1>
<br/>
<input type="button" value="点击调用java代码" onclick="window.android.startFunction()"/>
<br/>
<input type="button" value="点击调用java代码并传递参数"onclick="window.android.startFunction('http://blog.csdn.net/Leejizhou')"/>
</body>
</html>

package com.leejz.jsdemo;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;
import android.widget.Toast;public class MainActivity extends AppCompatActivity {private WebView contentWebView = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);contentWebView = (WebView) findViewById(R.id.webview);// 启用javascriptcontentWebView.getSettings().setJavaScriptEnabled(true);// 从assets目录下面的加载htmlcontentWebView.loadUrl("file:///android_asset/web.html");contentWebView.addJavascriptInterface(MainActivity.this, "android");//无参调用Js点击findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {// 无参数调用  WebView中显示  JAVA调用了JS的函数contentWebView.loadUrl("javascript:javacalljs()");}});//有参调用Js点击findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {// 传递参数调用    WebView中显示  www.baidu.comcontentWebView.loadUrl("javascript:javacalljswith("+ "'www.baidu.com'" + ")");}});}//由于安全原因 需要加 @JavascriptInterface
    @JavascriptInterfacepublic void startFunction() {runOnUiThread(new Runnable() {@Overridepublic void run() {Toast.makeText(MainActivity.this, "吐司", Toast.LENGTH_SHORT).show();}});}@JavascriptInterfacepublic void startFunction(final String text) {runOnUiThread(new Runnable() {@Overridepublic void run() {new AlertDialog.Builder(MainActivity.this).setMessage(text).show();}});}
}

135、JS和Android交互范例相关推荐

Android开发之android与JS互调 | Android与H5互调(附源码)
我们先看下JS代码: <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
Android 与 JS 的交互以及 JS与Android 的交互
Android与JS交互以及JS与Android 的交互是通过WebView互相调用方法对于Android调用JS代码的方法有2种: 通过WebView的loadUrl() 通过WebView的e ...
android ios web兼容,js与android iOS 交互兼容
js与android iOS 交互兼容在Android与js交互方面还是要比iOS方便很多,而UIWebView只暴漏出- (BOOL)webView:(UIWebView *)webView sh ...
android webview调js方法,Android中WebView与H5的交互，Native与JS方法互调
项目中经常用到WebView与H5的交互,一个是H5调本地方法,一个是本地调H5方法,在此记录一下. 首先,启用JS支持 //启用js支持 webSettings.setJavaScriptEnabl ...
JS与Android的交互
一.函数交互交互模型 1.js调用android原生的代码(不传递参数) 2.js调用android原生的代码(传递参数) 3.android原生调用JS的代码(不传递参数) 4.android原生 ...
Android极简的js与java交互库一一SimpleJavaJsBridge
今日科技快讯根据相关报道,本月底旧版本Uber中国App将全面停止在中国的服务.内部人士透露,所有的Uber中国司机也正在被转移到滴滴司机的平台上,月底会全部转移完成. 另外滴滴出行新成立了一个部门 ...
webviewjavascriptbridge android ios,js与ios交互使用WebViewJavascriptBridge如何写多个函数
//js与webview交互初始化 function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBrid ...
rn+与android+交互,React native 与Android原生交互方式(一)
前言## 最近在做React Native开发的时候避免不了的需要原生模块和JS之间进行交互,其实RN和原生的通信大致分为两种情况:一种是Android主动向RN端发送事件和数据,另外一种是RN端被动 ...
[转]JS调用Android里面的方法，Android调用JS里面的方法
FROM : http://blog.csdn.net/hj563308597/article/details/45197709 Android WebView 在公司Android的开发过程中遇到一 ...

135、JS和Android交互范例

135、JS和Android交互范例相关推荐

最新文章

热门文章