13五、JS和Android交互范例
很简单的直接上代码javascript
<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; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); contentWebView = (WebView) findViewById(R.id.webview); // 启用javascript contentWebView.getSettings().setJavaScriptEnabled(true); // 从assets目录下面的加载html contentWebView.loadUrl("file:///android_asset/web.html"); contentWebView.addJavascriptInterface(MainActivity.this, "android"); //无参调用Js点击
findViewById(R.id.button).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 无参数调用 WebView中显示 JAVA调用了JS的函数 contentWebView.loadUrl("javascript:javacalljs()"); } }); //有参调用Js点击
findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 传递参数调用 WebView中显示 www.baidu.com contentWebView.loadUrl("javascript:javacalljswith(" + "'www.baidu.com'" + ")"); } }); } //因为安全缘由 须要加 @JavascriptInterface @JavascriptInterface public void startFunction() { runOnUiThread(new Runnable() { @Override public void run() { Toast.makeText(MainActivity.this, "吐司", Toast.LENGTH_SHORT).show(); } }); } @JavascriptInterface public void startFunction(final String text) { runOnUiThread(new Runnable() { @Override public void run() { new AlertDialog.Builder(MainActivity.this).setMessage(text).show(); } }); } }
相关文章
- 1. webView和js交互规范
- 2. Android与js交互实例
- 3. Android js和原生交互
- 4. Android 和 html的js交互
- 5. Cocos2d-js和Android交互
- 6. js和android及ios交互
- 7. webview,js和android交互
- 8. Android WebView和Js交互
- 9. Android WebView与JS交互实例
- 10. js与android交互
- 更多相关文章...
- • Kotlin Android 环境搭建 - Kotlin 教程
- • C# 交错数组 - C#教程
- • RxJava操作符（五）Error Handling
- • Git五分钟教程
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. 升级Gradle后报错Gradle‘s dependency cache may be corrupt (this sometimes occurs
- 2. Smarter, Not Harder
- 3. mac-2019-react-native 本地环境搭建(xcode-11.1和android studio3.5.2中Genymotion2.12.1 和VirtualBox-5.2.34 )
- 4. 查看文件中关键字前后几行的内容
- 5. XXE萌新进阶全攻略
- 6. Installation failed due to: ‘Connection refused: connect‘安卓studio端口占用
- 7. zabbix5.0通过agent监控winserve12
- 8. IT行业UI前景、潜力如何？
- 9. Mac Swig 3.0.12 安装
- 10. Windows上FreeRDP-WebConnect是一个开源HTML5代理，它提供对使用RDP的任何Windows服务器和工作站的Web访问
欢迎关注本站公众号,获取更多信息
相关文章