---恢复内容开始---

1.通过WebView加载Html界面。在android studio中html放在assets中。

但是默认的并不存在这个文件夹，创建过程是

2.创建后简单实现下，js调用android中的方法。通过onclick="window.android.startFunction()" window.android.方法名 调用android方法

　　<1>创建html文件 橘黄色为适配手机屏幕代码

<!doctype html>

<html>

<head>

    <!-- 设置当前HTML文件的字符编码 -->

    <meta charset="utf-8">

    <!-- 设置浏览器的兼容模式版本 （让IE使用最新的渲染引擎工作） -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- 声明当前网页在移动端浏览器中展示的相关设置 -->

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>

<body>

这里是HTML <br/>

<h1><div id="content">HTML内容显示</div></h1>

<br/>

<input type="button"  value="调用android代码" onclick="window.android.startFunction()" />

<br/>

<input type="button"  value="调用android代码并传递参数" onclick="window.android.startFunction('这里是js调用Android方法')"  />

</body>

</html>

　　 <2> Main布局只有一个webview

<LinearLayout

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

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/activity_main"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    tools:context="myapplication.com.myhtml.MainActivity">

    <WebView

        android:id="@+id/webview"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        />

</LinearLayout>

　<3>Main代码

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/b.html");

        contentWebView.addJavascriptInterface(MainActivity.this,"android");

    }

    //由于安全原因 需要加 @JavascriptInterface

    @JavascriptInterface

    public void startFunction(){

        runOnUiThread(new Runnable() {

            @Override

            public void run() {

                Toast.makeText(MainActivity.this,"Toast",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();

            }

        });

    }

}

其实现效果图：

3 android 调用html js方法  

　　<1> Html文件如下，script中有二个方法，共android中调用。

<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>

　　<2>通过webView.loadUrl("javascript:方法名"); 来调用js中的方法。

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/b.html");

        contentWebView.addJavascriptInterface(MainActivity.this,"android");

        //无参调用Js点击

        findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                // 无参数调用

                contentWebView.loadUrl("javascript:javacalljs()");

            }

        });

        //有参调用Js点击

        findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                // 传递参数调用

                contentWebView.loadUrl("javascript:javacalljswith(" + "'这里是调用js方法'" + ")");

            }

        });

    }

实现图如下：

4.code      

http://pan.baidu.com/s/1pK9u7MV   工作--新文件--myhtml

Android和Html的简单交互的更多相关文章

  1. android json解析及简单例子+Android与服务器端数据交互+Android精彩案例【申明：来源于网络】

    android json解析及简单例子+Android与服务器端数据交互+Android精彩案例[申明:来源于网络] android json解析及简单例子:http://www.open-open. ...

  2. Android客户端和服务器端数据交互

    网上有很多例子来演示Android客户端和服务器端数据如何实现交互不过这些例子大多比较繁杂,对于初学者来说这是不利的,现在介绍几种代码简单.逻辑清晰的交互例子,本篇博客介绍第四种: 一.服务器端: 代 ...

  3. Android客户端与服务端交互之登陆示例

    Android客户端与服务端交互之登陆示例 今天了解了一下android客户端与服务端是怎样交互的,发现其实跟web有点类似吧,然后网上找了大神的登陆示例,是基于IntentService的 1.后台 ...

  4. 我的Android进阶之旅】GitHub 上排名前 100 的 Android 开源库进行简单的介绍

    GitHub Android Libraries Top 100 简介 本文转载于:https://github.com/Freelander/Android_Data/blob/master/And ...

  5. Xamarin.Android之封装个简单的网络请求类

    一.前言 回忆到上篇 <Xamarin.Android再体验之简单的登录Demo> 做登录时,用的是GET的请求,还用的是同步, 于是现在将其简单的改写,做了个简单的封装,包含基于Http ...

  6. [电子书] 《Android编程入门很简单》

    <Android编程入门很简单>是一本与众不同的Android学习读物,是一本化繁为简,把抽象问题具体化,把复杂问题简单化的书.本书避免出现云山雾罩.晦涩难懂的讲解,代之以轻松活泼.由浅入 ...

  7. [原创]Android中LocationManager的简单使用,获取当前位置

    Android中LocationManager的提供了一系列方法来地理位置相关的问题,包括查询上一个已知位置:注册/注销来自某个 LocationProvider的周期性的位置更新:以及注册/注销接近 ...

  8. cocos2d-x lua与c++简单交互

    cocos2d-x lua与c++简单交互 version: cocos2d-x 3.6 本文讲述lua与c++的一些简单交互: lua通过消息方式调用c++无参接口 c++调用lua带参接口 1.通 ...

  9. android code 和js的交互

    小弟现在需要android code 和js的交互.出现了问题,求大家带一带啊. 我的页面:<!DOCTYPE html><html lang="en">& ...

随机推荐

  1. 国外60个专业3D模型网站

    原始链接:http://blog.sina.com.cn/s/blog_4ba3c7950100jxkh.html Today, 3D models are used in a wide variet ...

  2. OpenCV_Python教程 系列！

    这个是作者的总结系列!赞一个! 原文链接:http://blog.csdn.net/sunny2038/article/details/9057415 在python中使用OpenCV:http:// ...

  3. Debian 6 , 十个串口为什么只识别到了 6个 剩下4 个被禁止了

    0.946441] Serial: 8250/16550 driver, 6 ports, IRQ sharing enabled [    0.946533] serial8250: ttyS0 a ...

  4. 内核如何检测SOFT LOCKUP与HARD LOCKUP？

    内核如何检测SOFT LOCKUP与HARD LOCKUP? From article 所谓lockup,是指某段内核代码占着CPU不放.Lockup严重的情况下会导致整个系统失去响应.Lockup有 ...

  5. J2EE异常问题总结

    http://blog.csdn.net/rchm8519/article/details/41624381 http://www.51testing.com/html/49/240349-14393 ...

  6. Strtus配置Tomcat出现问题2

    启动myeclipse的tomcat6.0有如下提示:The APR based Apache Tomcat Native library which allows optimal performan ...

  7. oracle导入expdp、导出impdp数据库用户

    仅限oracle服务器上执行:把172.16.251.136:1521/orcl的AMI4_2用户导入到192.168.2.30:1521/orclss中的AMI1用户:  关于导入导出更详细的见文章 ...

  8. BA-冷源系统--一次流量控制方案（转载）

    空调水变一次流量控制方案 浙大网新快威科技 黄逸林 一.引言 建筑物中央空调系统的冷冻水一次泵,传统上都采用固定转速水泵.空调水的变一次流量控制系统(VPF:Variable-Primary-Flow ...

  9. [SharePoint][SharePoint Designer 入门经典]Chapter13 客户端JavaScript编程

    1.创建客户对象模型的页面 2.使用CAML从SPS中取得数据 3.创建更新删除列表项目 4.为ribbon添加项目

  10. Swift入门（四）——可选类型（Optionals）与断言（Assert）

    可选类型是什么? 首先看一个问题,Swift中String类型的变量有一个叫做toInt的方法,能够把String类型变量转换为Int类型变量. var stringValue = "5&q ...