参考http://blog.csdn.net/chenzheng_java/article/details/6260872

<html>
<header>
<title></title>
<script type="text/javascript">
function show()
{
alert("Hello world!");
}

function disable()
{
document.getElementById("btn").disabled=true;
}
</script>
</header>

<body>
<button onclick="show()" id="btn">click</button>
<button onclick="window.demo.demoTest()" >click</button>
</body>
</html>
public class MainActivity extends AppCompatActivity {

private WebView webView;
private Handler handler = new Handler();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.webView);
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webView.setWebChromeClient(new WebChromeClient(){
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();
return true;

}
});
webView.loadUrl("file:///android_asset/demo.html");

// JavaScriptInterface整个方法用于和html的事件进行交互。也就是说可以在html中调用Activity中的方法。实现Html和activity的交互。
// q其中的demoTest整个方法名要和html 中的调用的方法名一样。当然如果想要在activity中调用html中的方法呢，
// webView.loadUrl("javascript:disable()"); 其中disable（）是javascript中的方法名
webView.addJavascriptInterface(new Object() {
@JavascriptInterface
public void demoTest() {
handler.post(new Runnable() {
@Override
public void run() {
Log.i("addJavascriptInterface", "调用了该方法哦");
Toast.makeText(MainActivity.this, "Message", Toast.LENGTH_SHORT).show();
}
});

}

}, "demo");
}

public void onClick(View view)
{
webView.loadUrl("javascript:disable()");
}

注意：

1)为了让WebView从apk文件中加载assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"

2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用Handler的目的。
但是在JELLY_BEAN_MR1，也就是API17,4.2以后，需要在pulbic 方法之上加上 @JavascriptInterface，否则不会起作用。

3）如果你要访问网络，请在androidManifest.xml中加上权限<uses-permission android:name="android.permission.INTERNET"></uses-permission>

---------------------------------------------------------------------------------------------------------

我们在程序中可以看到，android访问网页以及与javascript交互主要用到了这么几个类：

WebView ：我们可以认为它就是一个浏览器，会对用户访问的网址进行解析，下载，渲染……，然后返回给用户一个网页。 其内部使用的是webkit渲染引擎，它还包含了一些我们经常使用的功能，比如放大、缩小网页（需要在webSetting中先设置WebSettings.setBuiltInZoomControls(boolean)）；前进、后退……。

默认情况下，webView对javascript和页面的错误都是忽略的。很多时候，如果我们想要加载一个uri，可能我们更多的会使用这种形式：

[java] view plain copy
Uri uri = Uri.parse("http://www.example.com"); Intent intent = new Intent(Intent.ACTION_VIEW, uri); startActivity(intent);

api中为我们提供了一个通过webView加载页面的例子，

我们可以看到，主要有loadUrl()和loadData()方法。这里请注意各个参数的含义哦、

-------------------------------------------------------------

此外，android还为我们提供了一些类来辅助我们的webview的使用。

WebViewClient:

。WebViewClient就是帮助WebView处理各种通知、请求事件的，具体来说包括：

onLoadResource:通知webView加载url指定的资源时触发

onPageStart：页面开始加载时触发

onPageFinish：页面加载完毕时触发

onReceiveError：出现错误时触发

WebChromeClient:

WebChromeClient是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等

onCloseWindow(关闭WebView)

onCreateWindow()

onJsAlert (WebView上alert是弹不出来东西的，需要定制你的WebChromeClient处理弹出)

onJsPrompt

onJsConfirm

onProgressChanged

onReceivedIcon

onReceivedTitle

api中提供给我们一个实例：

WebSetting:和WebView是一一绑定的，控制webview的一些基础设置信息，如是否识别javascript，网页是否可放大缩小等。

--------------------------------------------------------------------------

如果我们想通过webview进行历史网页查看时，一定要注意，先通过如下方法判断下是否可执行该操作才好：

然后就可通过

void goBack()
Go back in the history of this WebView.
void goBackOrForward(int steps)
Go to the history item that is the number of steps away from the current item.
void goForward()
Go forward in the history of this WebView.
三个方法进行操作了，其中goBackOrForward传递进负数时为back操作，正数为forward操作。

Webview和Html的更多相关文章

  1. Android混合开发之WebView与Javascript交互

    前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.Web App.Hybrid App三种方式,个人觉得目前以Hybri ...

  2. android通过webview调起支付宝app支付

    webview在加载网页的时候会默认调起手机自带的浏览器加载网页,用户体验不好.但当用户设置浏览器客户端(setWebViewClient)设置这样的监听事件之后,当请求url的时候就不会打开手机自带 ...

  3. Android WebView 优化页面加载效果

    目前带有Web功能的APP越来越多,为了能够更好的使用WebView展示页面,可以考虑做相关的优化:WebView 缓存,资源文件本地存储,客户端UI优化. 可能有些人会说,为什么不做Native的, ...

  4. Android 浏览器 —— 使用 WebView 实现文件下载

    对当前的WebView设置下载监听 mCurrentWebView.setDownloadListener(new DownloadListener() { @Override public void ...

  5. Android混合开发之WebView使用总结

    前言: 今天修改项目中一个有关WebView使用的bug,激起了我总结WebView的动机,今天抽空做个总结. 混合开发相关博客: Android混合开发之WebView使用总结 Android混合开 ...

  6. 记一次使用 android 自带 WebView 做富文本编辑器之API、机型的兼容及各种奇葩bug的解决

    转载请声明出处(http://www.cnblogs.com/linguanh/) 目录 1,测试设备介绍 2,开源项目richeditor及CrossWalk的选择 3,遇到的bug及其解决方法 4 ...

  7. 【WP8.1】WebView笔记

    之前在WP8的时候做过WebBrowser相关的笔记,在WP8.1的WebView和WebBrowser有些不一样,在这里做一些笔记 下面分为几个部分 1.禁止缩放 2.JS通知后台C#代码(noti ...

  8. 谈一谈前端多容器（多webview平台）处理方案

    文中是我个人的一些开发经验,希望对各位有用,也希望各位多多支持讨论,指出文中不足以及提出您的一些建议. 双容器 得益于近几年移动端的发展,前端早已今非昔比,从大型框架来说angularJS.react ...

  9. Android：让WebView支持<input type=”file”…>元素

    最近在做一个活动页面:用户上传一张图片进行缩放.旋转后点击下一步填写内容后生成图片! 做好后经过各种测试是没有问题的,基本没有什么明显BUG,流程都能走通,但是嵌入到APP后,问题就来了! 在IOS上 ...

  10. webView 自适应高度 document.body 属性

    前段时间开发遇到webView 高度自适应问题,用最初的方法无效,找了些资料,记录下. 1.若网页中含有< !DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...

随机推荐

  1. cvc-complex-type.2.4.c: The matching wildcard is strict, but no declaration can be found for element 'mvc:annotation-driven'.

    spring 配置文件报错报错信息:cvc-complex-type.2.4.c: The matching wildcard is strict, but no declaration can be ...

  2. hibernate关联映射

    首先,建立user表,news表 建立User,News类 package com.example.hibernate; import java.util.Set; public class User ...

  3. mysql workbench如何把已有的数据库导出ER模型

    mysql workbench的特长是创建表结构的,然后在结构图中,圈圈点点,很容易就利用可视化方式把数据库建好,然后再导入到数据库服务器中,这种办法很效率.但是有时我们有一个需求,事先没有建表结构模 ...

  4. firefox 使用svg的image标签无法显示图片

    在image标签上添加 height.width(不要用css属性) href属性前面加xlink: (Mozilla自己的MDN都说不加xlink了,搞鸡巴)

  5. IE6读取不到样式文件bug

    早年的东东,贴出来充一下数吧~ 问题描述 在一个弹层优化需求中,完成了修改后,刷一下其他(除IE6外)浏览器,很给力,展现都一个样: 再刷下IE6,傻眼了: 初步分析 IE6问题多我知道,不过像这样的 ...

  6. [LeetCode] Search in Rotated Sorted Array II 在旋转有序数组中搜索之二

    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this ...

  7. [LeetCode] Unique Paths 不同的路径

    A robot is located at the top-left corner of a m x n grid (marked 'Start' in the diagram below). The ...

  8. position导致Safari工具栏不自动隐藏

    一般情况下,移动端网页在上滑的时候,Safari的工具栏会自动隐藏掉,下滑的时候又会出现. 但是,如果可滑动区域的最外层box写了position:absolute,就不会自动隐藏了. 例如像这样的页 ...

  9. Linux工具入门：make工具与Makefile文件

    1. make工具 利用make工具可以自动完成编译工作,这些工作包括: 如果修改了某几个源文件,则只重新编译这几个源文件 如果某个头文件被修改了,则重新编译所有包含该头文件的源文件 利用这种自动编译 ...

  10. svn1.6在centos6下的使用

    版本 CentOS 6:svn 1.6.11 svn1.6版本的不足在于,每个目录递归存在.svn目录:从1.7开始就只有root节点目录存在.svn目录,和git一样了. 但是因为还在用CentOS ...