Examples_08

http://yarin.iteye.com/?page=4

Activity01.java

package com.yarin.android.Examples_08_07;

import android.app.Activity;

import android.os.Bundle;

import android.webkit.JavascriptInterface;

import android.webkit.JsResult;

import android.webkit.WebChromeClient;

import android.webkit.WebView;

public class Activity01 extends Activity {

    private WebView mWebView;

    private PersonalData mPersonalData;

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        mPersonalData = new PersonalData();

        mWebView = (WebView) this.findViewById(R.id.WebView01);

        // 设置支持JavaScript

        mWebView.getSettings().setJavaScriptEnabled(true);

        // 把本类的一个实例添加到js的全局对象window中，

        // 这样就可以使用window.PersonalData来调用它的方法

        mWebView.addJavascriptInterface(this, "PersonalData");

        // 如果不设置这个，JS代码中的按钮会显示，但是按下去却不弹出对话框

        // Sets the chrome handler. This is an implementation of WebChromeClient

        // for use in handling JavaScript dialogs, favicons, titles, and the

        // progress. This will replace the current handler.

        mWebView.setWebChromeClient(new WebChromeClient() {

            @Override

            public boolean onJsAlert(WebView view, String url, String message,

                    JsResult result) {

                // TODO Auto-generated method stub

                return super.onJsAlert(view, url, message, result);

            }

        });

        // 加载网页

        // mWebView.loadUrl("file:///android_asset/PersonalData_new.html");

        mWebView.loadUrl("file:///android_asset/PersonalData.html");

    }

    // 在js脚本中调用得到PersonalData对象

    @JavascriptInterface

    public PersonalData getPersonalData() {

        return mPersonalData;

    }

    // js脚本中调用显示的资料

    class PersonalData {

        String mID;

        String mName;

        String mAge;

        String mBlog;

        public PersonalData() {

            this.mID = "123456789";

            this.mName = "Android";

            this.mAge = "100";

            this.mBlog = "http://yarin.javaeye.com";

        }

        public String getID() {

            return mID;

        }

        public String getName() {

            return mName;

        }

        public String getAge() {

            return mAge;

        }

        public String getBlog() {

            return mBlog;

        }

    }

}

PersonalData_new.html

<html>

    <head>

        <script type="text/javascript">

        function showAndroidToast(toast)

        {

            var personaldata_new = PersonalData.getPersonalData();

            alert(personaldata_new);

            var personaldata = window.PersonalData.getPersonalData();

            if(personaldata)

            {

                    var Personaldata = document.getElementById("Personaldata");

                pnode = document.createElement("p");

                tnode = document.createTextNode("ID:" + personaldata.getID());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                    tnode = document.createTextNode("Name:" + personaldata.getName());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Age:" + personaldata.getAge());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Blog:" + personaldata.getBlog());

                pnode.appendChild(tnode);

                    Personaldata.appendChild(pnode);

            }

        }

               function myFunction(){

                   console.log("Write a new Line");//调试信息

                   alert("Hello World!");

               }

        </script>

</head>

<body>

    <div id = "Personaldata">

        <p> Personal Data </p>

        <button onclick="myFunction()">click here!</button>

        <input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

    </div>

</body>

</html>

PersonalData.html

<html>

    <head>

        <script type="text/javascript">

           function onload(){

            var personaldata = window.PersonalData.getPersonalData();

            if(personaldata)

            {

                var Personaldata = document.getElementById("Personaldata");

                pnode = document.createElement("p");

                tnode = document.createTextNode("ID:" + personaldata.getID());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Name:" + personaldata.getName());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Age:" + personaldata.getAge());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

                pnode = document.createElement("p");

                tnode = document.createTextNode("Blog:" + personaldata.getBlog());

                pnode.appendChild(tnode);

                Personaldata.appendChild(pnode);

            }

        }

        </script>

</head>

<body onload="javascript:onload()">

    <div id = "Personaldata">

        <p> Personal Data </p>

    </div>

</body>

</html>

或者

<html>

    <head>

        <script type="text/javascript" src="test2.js">

        </script>

</head>

<body onload="javascript:myFunction()">

    <div id = "Personaldata">

        <p> Personal Data </p>

        <button onclick="myFunction()">click here!</button>

    </div>

</body>

</html>

test2.js

function myFunction(){

var personaldata = window.PersonalData.getPersonalData();

    if(personaldata)

    {

        var Personaldata = document.getElementById("Personaldata");

    pnode = document.createElement("p");

        tnode = document.createTextNode("ID:" + personaldata.getID());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Name:" + personaldata.getName());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Age:" + personaldata.getAge());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Blog:" + personaldata.getBlog());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    }

}

或者

<html>

    <head>

        <script type="text/javascript" src="test2.js">

        </script>

</head>

<body><!-- onload="javascript:myFunction()"-->

    <div id = "Personaldata">

        <p> Personal Data </p>

        <button onclick="myFunction()">click here!</button>

    </div>

</body>

</html>

test2.js

window.onload= function(){

var personaldata = window.PersonalData.getPersonalData();

    if(personaldata)

    {

        var Personaldata = document.getElementById("Personaldata");

    pnode = document.createElement("p");

        tnode = document.createTextNode("ID:" + personaldata.getID());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Name:" + personaldata.getName());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Age:" + personaldata.getAge());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    pnode = document.createElement("p");

        tnode = document.createTextNode("Blog:" + personaldata.getBlog());

        pnode.appendChild(tnode);

        Personaldata.appendChild(pnode);

    }

}

4.2及以上版本必须在js调用的java方法加上@JavascriptInterface，4.1及以下版本不用加上注释。

Examples_08_07的更多相关文章

使用WebView出现web page not available
很有可能是没有设置权限,所以不能浏览相应的URL,设置如下: 在AndroidManifest.xml中添加 <uses-permission android:name="androi ...

随机推荐

javascript获得给定日期的前一天的日期
/** * 获得当前日期的前一天 */ function getYestoday(date){ var yesterday_milliseconds=date.getTime()-1000*60*60 ...
如何完全禁用或卸载Windows 10中的OneDrive - 51CTO.COM
OneDrive 是微软的个人云存储平台,提供了对个人用户的文件托管.存储和同步等服务,OneDrive 默认被内置在 Windows 10 操作系统当中,而且当用户使用微软账户登录时,OneDr ...
PPT2010中设置音乐播放停止位置
ppt不仅只是制作幻灯片的效果,而且在制作幻灯片过程中,由于内容很多,每个版块想要呈现的效果是不同的,那么配乐的风格自然也是不同.如何让我们插入的音乐在合适的内容的时候播放和停止呢,下面就来教大家具体 ...
Codeforces Round #313 A Currency System in Geraldion
A Currency System in Geraldion Time Limit:2000MS Memory Limit:262144KB 64bit IO Format:%I64 ...
codevs 4768 跳石头
传送门表示去年不会,二分是啥都不知道,一脸懵逼. 今年再做,虽然知道二分是啥了,但依旧不会,蒙蔽了好几天,最后还是看了题解. #include<cstdio> #define M 510 ...
c语言用封装来优化程序
一.基础研究先对函数fa进行研究,代码如下: fa函数的参数为一个字符指针,他存储要输出的字符串.因为要显示在屏幕的中央位置,所以我们要把字符串放在段地址b800处.用strlen获取字符串的长度, ...
ubuntu 下安装nginx
y@y:~$ sudo apt-get install nginx y@y:~$ sudo service nginx start y@y:~$ nginx默认使用80端口,打开浏览器输入:http: ...
java四种创建对象的方法
1.用new语句创建对象,这是最常见的创建对象的方法. 2.运用反射手段,调用java.lang.Class或者java.lang.reflect.Constructor类的newInstance ...
html动态编辑框
简述: 随着在输入框中增加字符,动态矿高度增加(IE9及以上 chrome firefox) 由于IE8 不支持oninput函数,所以不能实现此效果事件函数: function feedDivO ...
第一个Windows程序讲解
上次,我们一起写了第一个Windows程序,虽然程序非常简单,但是它却可以帮助大家建立学好windows开发的信心. 今天,就让我帮助大家分析一下这个程序的内容.首先,我们的程序包含了一个头文件:wi ...

Examples_08_07

Examples_08_07的更多相关文章

随机推荐

热门专题