1>首先说说,WebView如何加载页面:
直接加载网页、图片并显示
如果是在assert 目录下：地址为file:///android_asset/jstest.html
2>wevView常用的设置属性
WebView settings = webView.getSettings();//获得当前webView的设置对象
settings.setSupportZoom(true);//设置为支持缩放
settings.setDefaultZoom(ZoomDensity.FAR);//设置webView的默认缩放
settings.setJavaScriptEnabled(true);//设置为支持javaScript
settings.setPluginsEnabled(true);//设置为支持插件，如flashPlayer插件
settings.setBuiltInZoomControls(true);// 打开自带的缩放按钮
3> WebView中支持js弹框
3.1 WebView中支持alert弹框,需进行如下设置即可
WebSettings s = wv.getSettings();
s.setJavaScriptEnabled(true);// 允许js代码允许
// 不会打开模拟器的浏览器
wv.setWebViewClient(new WebViewClient());
wv.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result) {
return super.onJsAlert(view, url, message, result);
}
});
3.2 android中webview控件调用javascript代码,在android中输入的内容输出到js的框中
public void callJs(View v) {
wv.loadUrl("javascript:aa('hello 我是Android')");
}
4> javascript调用android中自定义好的方法,若用户名和密码输入正确,则把用户名和密码保存到sp对象中,需要给webview控件添加addJavascriptInterface方法，而这个就类似于初始化一个类对象，以及类对象里的方法。这个类对象就提供给javascript来调用;
private WebView wv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// webview控件
wv = (WebView) findViewById(R.id.webView1);
set();
// 不会打开模拟器的浏览器
wv.setWebViewClient(new WebViewClient());
wv.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result) {
return super.onJsAlert(view, url, message, result);
}
});
//给js调用提供的接口
wv.addJavascriptInterface(new Object() {
@android.webkit.JavascriptInterface
public void info(String str1, String str2) {
Toast.makeText(MainActivity.this, "从js页面取回的用户名:"+str1+";密码:"+str2, 0).show();
}
}, "javacode");// 参数一: 参数二:js提供对象名
wv.loadUrl("file:///android_asset/form.html");
}
//初始化webSettings的配置参数
public void set() {
WebSettings s = wv.getSettings();
s.setJavaScriptEnabled(true);// 允许js代码允许
}
3.2 javascript调用自定义好的JShare对象
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script language="javascript">
function test(){
if(document.login.uname.value==""){
alert("用户名不能为空!");
}else if(document.login.upass.value==""){
alert("密码不能为空!");
}else{
alert("成功登录跳转Activity!");
//js调用Android代码,进行跳转操作
window.javacode.info(document.login.uname.value,document.login.upass.value);
}
}
function aa(str){
alert(str)
}
</script>
</head>
<body>
<form action="" name="login" >
姓名： <input type="text" name="uname"/> <br/>
密码： <input type="password" name="upass" /> <br/>
<input type="button" onClick="test()" value="登录"/>
</form>
</form>
</body>
</html>
分享到：
相关推荐
在Android应用开发中，WebView是一个非常重要的组件，它允许我们加载和显示网页内容，甚至可以与原生界面进行交互，实现更加丰富的功能。本项目"Android中Webview与原生界面交互及二维码扫描功能实现"就是一个很好的...
在这个主题中，我们将深入探讨如何在Android中加载assets目录下的HTML文件，并通过WebView实现与JavaScript的交互。 首先，我们要了解`WebView`的基本用法。在Android布局文件中，我们添加一个WebView组件： ```...
总之，Android中的WebView与JavaScript的交互是通过暴露Java对象和调用JavaScript函数实现的，这种方式极大地丰富了Android应用的功能。在实际开发中，我们需要合理利用这一特性，同时注意安全性和性能优化。
当需要在Android应用中集成网页功能或者实现复杂的用户交互时，WebView与JavaScript的交互就显得尤为重要。本文将深入探讨如何在Android的WebView中实现与JavaScript的双向通信。 1. **WebView基本使用** 首先，...
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中加载和显示网页内容。而HTML和JavaScript则是构建网页的标准语言。将这三者结合，我们可以实现原生Android应用与Web内容的深度交互，创造出...
在Android开发中，Webview通常被用来加载网页内容并实现应用程序与网页之间的交互。然而，有时我们可能有需求在不依赖Webview的情况下实现Android应用与JavaScript的交互。本文将深入探讨这种非Webview方式的交互...
这个例子将深入探讨如何在Android应用中实现WebView与JS的交互，以便于创建更加丰富的用户体验。 首先，让我们了解WebView的基本用法。在Android布局文件（如activity_main.xml）中，我们可以添加一个WebView组件：...
本文将深入探讨Android与javascript的交互，特别是如何在Android混合开发中利用WebView进行高效且灵活的通信。 一、WebView组件介绍 WebView是Android系统提供的一个用于显示网页内容的组件，它可以加载本地或远程...
总结，Android中的WebView结合JavaScript交互能实现丰富的用户体验，包括图文混排和查看大图等功能。开发者需要熟练掌握WebView的使用，注意安全性和性能优化，以构建高质量的Android应用。通过上述知识点，你可以在...
在Android开发中，WebView是一个非常...通过以上这些方法，Android开发者可以实现WebView与JavaScript的深度交互，从而构建功能丰富的混合式应用。在实际项目中，根据需求可以选择不同的交互方式，灵活运用这些技术。
本文将深入探讨Android WebView与JavaScript的交互机制，以及如何在实际开发中有效地运用这一特性。 首先，我们需要理解WebView的基本用法。在Android布局XML文件中，可以通过添加`<WebView>`标签创建一个WebView...
在Android应用开发中，WebView是一个强大的组件，它允许开发者在应用程序内部嵌入网页内容，同时提供了与JavaScript交互的能力。这使得我们能够利用HTML、CSS和JavaScript的灵活性来构建部分或全部用户界面，同时还...
当Android的WebView与JavaScript交互时，开发者可以实现更丰富的功能，如调用Android原生方法、获取网页数据等。下面我们将深入探讨这个“android webview与js交互简单demo”所涉及的知识点。 1. Android WebView...
总结，Android中的WebView与JavaScript交互是一个强大且常用的功能，通过它我们可以实现原生应用与网页内容的深度融合。理解并熟练运用这些知识点，将有助于提升应用的用户体验和功能多样性。但同时，也必须关注安全...
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中内嵌网页内容，并且能够实现JavaScript与Java代码之间的交互，极大地丰富了应用的功能。本文将深入探讨如何在Android的WebView中利用...
本篇文章将深入探讨如何在WebView中实现JavaScript与本地Java代码的交互。 首先，我们需要了解`WebView`的基本用法。在Android布局文件中，我们可以添加一个WebView控件，如下所示： ```xml <WebView android:id=...
本文将详细讲解如何在Android的WebView中实现客户端（Java代码）与JavaScript的基本交互，使得两者能够相互调用方法，共享数据。 首先，我们需要在AndroidManifest.xml中为应用添加Internet权限，这是加载网络内容...
这篇博客和对应的`WebViewDemo`示例代码着重讲解了如何在Android应用中使用WebView与原生界面进行交互，以及如何集成二维码扫描功能。以下是关于这两个主题的详细解释： ### 一、Android WebView的使用 1. **基本...
在Android应用开发中，WebView是一个非常重要的组件，它允许开发者在应用程序中嵌入网页内容。在某些场景下，用户可能需要查看WebView加载的网页中的图片，此时，提供一个点击图片放大显示的功能会大大提升用户体验...