WebView使用总结(应用函数与JS函数互相调用)

1.当只用WebView的时候,最先注意的当然是在配置文件中添加访问因特网的权限;

2.如果访问的页面中有Javascript,必须设置支持Javascript:

webview.getSettings().setJavaScriptEnabled(true);

3.如果希望点击链接由自己处理而不是新开Android的系统browser中响应该链接.给WebView添加一个事件监听对象(WebViewClient)并重写其中的一些方法 shouldOverrideUrlLoading对网页中超链接按钮的响应

mWebView.setWebViewClient(new WebViewClient() {
/**
* Show in webview not system webview.
*/
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return super.shouldOverrideUrlLoading(view, url);
}
}

这样就保证了每次打开的页面都是在WebView实例中显示运行的;

4.在显示WebView时,点击手机Back时,会完全退出当前Activity,如果想退到历史浏览页面:重写back监听: 
Java代码

public boolean onKeyDown(int keyCode, KeyEvent event) {
WebView mWebView = (WebView) findViewById(R.id.browser);
if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}

5.Android SDK提供了一个schema前缀为"file:///android_asset/".WebView遇到这样的schema,就去当前包中的 assets目录中找内容.如:"file:///android_asset/demo.html" 
下面一段代码是对网页中JS的类似Alert()类的函数进行相应的重写响应: 
Java代码

webView.setWebChromeClient(new WebChromeClient() {
public boolean onJsAlert(WebView view, String url, String message,
final JsResult result) {
AlertDialog.Builder b = new AlertDialog.Builder(BrowserJs.this);
b.setTitle("Alert");
b.setMessage(message);
b.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
public void onClick(DialogInterface dialog,
int which) {
result.confirm();
}
});
b.setCancelable(false);
b.create();
b.show();
return true;
};

@Override
public boolean onJsConfirm(WebView view, String url,
String message, final JsResult result) {
AlertDialog.Builder b = new AlertDialog.Builder(BrowserJs.this);
b.setTitle("Confirm");
b.setMessage(message);
b.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
public void onClick(DialogInterface dialog,
int which) {
result.confirm();
}
});
b.setNegativeButton(android.R.string.cancel,
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int which) {
result.cancel();
}
});
b.setCancelable(false);
b.create();
b.show();
return true;
};

@Override
public boolean onJsPrompt(WebView view, String url, String message,
String defaultValue, final JsPromptResult result) {
final LayoutInflater factory = LayoutInflater
.from(BrowserJs.this);
final View v = factory.inflate(
R.layout.prompt_dialog, null);
((TextView) v.findViewById(R.id.prompt_message_text))
.setText(message);
((EditText) v.findViewById(R.id.prompt_input_field))
.setText(defaultValue);

AlertDialog.Builder b = new AlertDialog.Builder(BrowserJs.this);
b.setTitle("Prompt");
b.setView(v);
b.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
public void onClick(DialogInterface dialog,
int which) {
String value = ((EditText) v
.findViewById(R.id.prompt_input_field))
.getText().toString();
result.confirm(value);
}
});
b.setNegativeButton(android.R.string.cancel,
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int which) {
result.cancel();
}
});
b.setOnCancelListener(new DialogInterface.OnCancelListener() {
public void onCancel(DialogInterface dialog) {
result.cancel();
}
});
b.show();
return true;
};

public void onProgressChanged(WebView view, int newProgress) {
BrowserJs.this.getWindow().setFeatureInt(
Window.FEATURE_PROGRESS, newProgress * 100);
super.onProgressChanged(view, newProgress);
}

public void onReceivedTitle(WebView view, String title) {
BrowserJs.this.setTitle(title);
super.onReceivedTitle(view, title);
}
});

go.setOnClickListener(new OnClickListener() {
public void onClick(View view) {
String url = text.getText().toString();
webView.loadUrl(url);
}
});
webView.loadUrl("file:///android_asset/index.html");

在上述代码中,用到的prompt_dialog.xml: 
Java代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:gravity="center_horizontal" android:orientation="vertical"
android:layout_width="fill_parent" android:layout_height="wrap_content">
<TextView android:id="@+id/prompt_message_text"
android:layout_width="fill_parent" android:layout_height="wrap_content" />
<EditText android:id="@+id/prompt_input_field"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:selectAllOnFocus="true" android:scrollHorizontally="true"
android:minWidth="250dp" />
</LinearLayout>

还有assets中的Html文件: 
Java代码

<html>
<script type="text/javascript">
function onAlert(){
alert("This is a alert sample from html");
}
function onConfirm(){
var b=confirm("are you sure to login?");
alert("your choice is "+b);
}
function onPrompt(){
var b=prompt("please input your password","aaa");
alert("your input is "+b);
}
</script>
<pre>
<input type="button" value="alert" onclick="onAlert()"/>
<input type="button" value="confirm" onclick="onConfirm()"/>
<input type="button" value="prompt" onclick="onPrompt()"/>

<a href="http://www.google.com"/>Google</a>
</pre>
</html>

时间: 2024-11-06 21:04:50

WebView使用总结(应用函数与JS函数互相调用)的相关文章

JS杂谈系列-函数知识、函数模式

函数,函数,function,function,go go go! 创建函数: 第一种:function aa(){alert(1)}; 第二种:var aa=function(){alert(1)}; 其实对于使用没有太大的区别,第一个是用函数关键字创建,第二个是创建变量,然后赋值为一个函数. 同样我们还可以创建匿名函数 function(){alert(1)}; 函数的里面可以传递参数arg function aa(arg){alert(arg)}; function aa(arg1,arg

JS函数大全 莫名其妙找到的

1 .document.write(""); 输出语句 2 .JS中的注释为// 3 .传统的HTML文档顺序是:document->html->(head,body) 4 .一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5 .得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6 .

javascript函数以及js封装功能一览

函数四要素:返回类型.函数名.参数列表.函数体 函数种类 简单函数 1 function ceShi(){ 2 alert("这是测试"); 3 } 4 ceShi(); 有参数函数 1 function ceShi(a,b){ 2 alert(a+b); 3 } 4 ceShi(2,3); 有默认值函数(js不支持) 1 function ceShi(a,b=5){ 2 alert(a+b); 3 } 4 ceShi(2); 有返回值的函数 1 function ceShi(a,b)

js函数的几个特殊点

在ECMAScript中,Function(函数)类型实际上是对象.每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针. 1 函数的返回值和函数作为参数传递 //函数传递给函数 function box(sum,num){ return sum+num; } function sum(num){ return num+10; } var result = box(sum(10),10); //这里传递的是函数

JSF页面中使用js函数回调后台bean方法并获取返回值的方法

由于primefaces在国内使用的并不是太多,因此,国内对jsf做系统.详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还是错误的,很可能会误导使用者. 相对来说,看国内的那些仅仅是翻译过来的文章或书籍不如直接看国外的官方文档或资料来的实在,在我讲述jsf页面中如何使用js调用后台bean方法之前,先给大家说几个国外的资料.在primefaces官方网站上,你可以搜索到几乎所有你需要的东西,primefaces官网为:http:

Js函数的概念、作用、创建、调用!

一.函数是用来帮助我们封装.调用代码的最方便的工具! 二.函数的创建方法有三种: 三.函数的创建方式有3种,调用方式也不是单一的,调用方式有4种!      1.作为一个函数去调用 函数名+();(函数作为全局对象调用,会使this的值成为全局对象,使用window对象作为一个变量,容易造成程序崩溃!)       2.函数作为方法调用:(函数作为对象的方法调用,会使this的值成为对象的本身!)      我们举例说明: 3.使用构造函数调用函数:(构造函数中的this没有任何值) 4.作为函

webBrowser调用外部js文件和js函数(转载)

原文链接:http://fy5388.blog.163.com/blog/static/56499537201012594314130/ webBrowser调用外部js文件和js函数 '第一种方法:webbrowser动态调用html和js代码,都是动态的:代码示例: webBrowser1.Navigate("about:blank");webBrowser1.Document.OpenNew(True);webBrowser1.Document.Write("<H

3.JS函数

函数是由事件驱动或者当它被调用时执行的可重复使用的代码块. alert:弹出一个对话框. 1.定义函数: function 函数名(){ 函数体:(代码块) } JS对大小写十分敏感,所以function必须小写.在函数调用时,也必须按照相同名称来调用函数. 2.函数调用: 函数定义好之后,不能自动执行,需进行调用. 调用方式: 1>.在<script>标签内调用 <script> function demo(){ alert("hello world")

JavaScript入门:006—JS函数的定义

JS函数的声明.声明函数的格式如下: function 函数名(参数列表){ //函数语句: return 返回值; } 来看具体的函数声明.1.普通函数 <script type="text/javascript"> function ShowHint() { alert("普通函数"); } </script> 2.带参数的函数 <script type="text/javascript"> functio