javascript代码实例教程-Android和JavaScript互相调用

发布时间:2019-01-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Android和JavaScript互相调用脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

HtML页面和Java代码结合的方式一般用在界面经常被更改 的情况下,可以讲html放在网络中,软件一打开就会访问网络获取到最新的界面。缺点是会受到网络信号的影响,从而导致访问速度慢。

1.用WebView来显示HTML代码

2.允许WebView执行JavaScript

webView.getSettings().setJavaScriptEnabled(true);

3.获取到HTML文件,也可从网络中获取

webView.loadUrl(file:///andROId_asset/index.html); //HTML文件存放在assets文件夹中

4.添加一个对象, 让JS可以访问该对象的方法, 该对象中也可以调用JS中的方法

webView.addJavascriptInterface(new Contact(), contact);

 

完整示例代码如下:

效果图:

javascript代码实例教程-Android和JavaScript互相调用

MainActivITy

[java]  
  1. import android.app.Activity;
  2. import android.content.Intent;
  3. import android.net.Uri;
  4. import android.os.Bundle;
  5. import android.webkit.WebView;
  6.  
  7. public class MainActivity extends Activity {
  8. PRivate WebView webView;
  9.  
  10. public void onCreate(Bundle savedInstanceState) {
  11. suPEr.onCreate(savedInstancestate);
  12. setContentView(R.layout.main);
  13. //加载页面
  14. webView = (WebView) findViewById(R.id.webView);
  15. //允许JavaScript执行
  16. webView.getSettings().setJavaScriptEnabled(true);
  17. //找到Html文件,也可以用网络上的文件
  18. webView.loadUrl(file:///android_asset/index.html);
  19. // 添加一个对象, 让JS可以访问该对象的方法, 该对象中可以调用JS中的方法
  20. webView.addJavascriptInterface(new Contact(), contact);
  21. }
  22.  
  23. private final class Contact {
  24. //JavaScript调用此方法拨打电话
  25. public void call(String phone) {
  26. startActivity(new Intent(Intent.ACTION_CALL, Uri.parse(tel: + phone)));
  27. }
  28.  
  29. //Html调用此方法传递数据
  30. public void showcontacts() {
  31. String JSON = [{ ame:zxx, amount:9999999, phone:8600012345}];
  32. // 调用JS中的方法
  33. webView.loadUrl(javascript:show(' + json + '));
  34. }
  35. }
  36. }

     

    HTML:

    [html] view plaincopy
    姓名 存款
    1.  
    2.  
    3.  
    4.  
    5.  
    6. <script type=text/javascript>
    7. function show(jsondata){
    8. VAR jsonobjs = eval(jsondata);
    9. var table = document.getElementById(personTable);
    10. for(var y=0; y var tr = table.insertRow(table.rows.length);
    11. var td1 = tr.insertCell(0);
    12. var td2 = tr.insertCell(1);
    13. td2.align = center;
    14. var td3 = tr.insertCell(2);
    15. td3.align = center;
    16. td1.innerHTML = jsonobjs[y].name;
    17. td2.innerHTML = jsonobjs[y].amount;
    18. td3.innerHTML = + jsonobjs[y].phone+ ;
    19. }
    20. }
    21. </script>
    22.  
    23.  
    24.  
    25.  
    26.  
    27.  
    28.  
    29.  
    30.  
  37.  

  38. 拨打电话需要添加权限:

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Android和JavaScript互相调用全部内容,希望文章能够帮你解决javascript代码实例教程-Android和JavaScript互相调用所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。