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

随机推荐

个人Python常用Package及其安装
为了避免每次重装系统时又要东翻西找,现在此记录一下目前常用的Python包安装过程. 1) Python: 2.7.11, 下载地址:www.python.org.由于个人喜欢使用PyQt4(其实是不 ...
POJ1505 Copying Books（二分法）
B - 二分 Time Limit:3000MS Memory Limit:0KB 64bit IO Format:%lld & %llu Description Be ...
[转载]如何查看某个查询使用了多少TempDB空间
http://www.cnblogs.com/CareySon/p/3910337.html 通过下面脚本可以查看某个查询实用的TempDB的空间. 第一步是查询出当下TempDB实用空间是多少, 第 ...
Swift互用性：使用Objective-C特性编写Swift类（Swift 2.0版）-b
本节包括内容: 继承Objective-C的类(Inheriting from Objective-C Classes) 采用协议(Adopting Protocols) 编写构造器和析构器(Writ ...
plugin
http://wicky.nillia.ms/headroom.js/ http://makotot.github.io/sidebar/ http://www.nodebeginner.org/in ...
poj 2488A Knight's Journey
#include<cstdio> #include<cstring> #define MAXN 26 using namespace std; ,,-,,-,,-,}; ,-, ...
C++编程中对缓冲区的理解（OS默认4096大小的缓冲区，有例子，很形象）
什么是缓冲区缓冲区又称为缓存,它是内存空间的一部分.也就是说,在内存空间中预留了一定的存储空间,这些存储空间用来缓冲输入或输出的数据,这部分预留的空间就叫做缓冲区.缓冲区根据其对应的是输入设备还是输出 ...
haskell入门
斯坦福公开课<编程范式>中介绍了Scheme(但是不仅仅是Scheme,它只是作为函数式语言的代表),最后一课介绍了Haskell... “Hello World!”是学习一门语言的魔咒 ...
POJ3436 ACM Computer Factory(最大流)
题目链接. 分析: 题意很难懂. 大体是这样的:给每个点的具体情况,1.容量 2.进入状态 3.出去状态.求最大流. 因为有很多点,所以如果一个点的出去状态满足另一个点的进入状态,则这两个点可以连一条 ...
Aho_Corasick自动机（AC自动机）
首先,AC自动机不是Accept自动机,别以为把这段代码复制到OJ上就全都自动AC了…… 其实这玩意是Aho-Corasick 造出来的,所以你懂的. 那么这玩意能干嘛咧? •字符串的匹配问题 •多串 ...

Examples_08_07

Examples_08_07的更多相关文章

随机推荐

热门专题