为什么在WEBVIEW中调用JAVASCRIPT不管用?

lu188887 2011-05-19 06:10:13


在这个HTML中声明了一个testEcho函数,在TianMap.java中loadUrl("javascript:testEcho()")的时候是不会调用这个函数的,只有将该语句放在Button的点击响应函数中才会调用!!请问这是为什么?


demo.html代码如下:
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>GeoSurf Maps JavaScript API Example</title>
<script src="http://www.tianditu.com/guide/lib/GeoSurfJSAPI.js"
type="text/javascript"></script>
<script src="http://www.tianditu.com/guide/2d_samples/sampleCfg.js"
type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
var map = new GeoSurf.PortalMap("frist_map");
map.loadLayerGroup(vectorGroup);
map.setCenter(new GeoSurf.LonLat(39.92361, 116.3809), 10);
var chinaBounds = new GeoSurf.Bounds(73.30,17,135.65,52.32);

map.zoomToExtent(chinaBounds);
alert("initialize");

}

</script>
<script type="text/javascript">
function testEcho() {

alert("testEcho");

}
</script>
</head>
<body onload="initialize()">
<div id="frist_map" style="width: 500px; height: 300px"></div>
</body>
</html>

package com.TianMap;

import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.net.ConnectivityManager;
import android.net.NetworkInfo;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.View;
import android.webkit.*;
import android.widget.Button;
import android.widget.Toast;

public class TianMap extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

init();


}



private boolean CheckNetWork() {
Context context = getApplicationContext();
ConnectivityManager cm = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
NetworkInfo network = cm.getActiveNetworkInfo();
if (network != null) {
return network.isAvailable();
}
else{
return false;
}
}


private void init(){
if(CheckNetWork()){
DisplayMetrics metrics = new DisplayMetrics();

final WebView mWebView= (WebView)findViewById(R.id.webview);
mWebView.getSettings().setJavaScriptEnabled(true);


mWebView.setWebChromeClient(new WebChromeClient() {
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
//Required functionality here
return super.onJsAlert(view, url, message, result);
}});
try{


mWebView.loadUrl("file:///android_asset/demo.html");
mWebView.loadUrl("javascript:testEcho()"); //这句为什么不调用JS函数呢?????
Button mButton = (Button) findViewById(R.id.button1);
//给button添加事件响应,执行JavaScript的fillContent()方法
mButton.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
mWebView.loadUrl("javascript:testEcho()"); //这里的可以调用。。
}
});




Toast.makeText(this, "ooo", Toast.LENGTH_SHORT).show();
}
catch (Exception ex) {
ex.printStackTrace();
}
}
else{
new AlertDialog.Builder(this)
.setMessage("网络链接错误,点击确定退出")
.setPositiveButton("确定",
new DialogInterface.OnClickListener(){
public void onClick(DialogInterface dialoginterface, int i){

android.os.Process.killProcess(android.os.Process.myPid());
}
})
.show();
}

}

}


...全文
564 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
hotkarriver 2011-08-08
  • 打赏
  • 举报
回复
mWebView.setWebViewClient(new WebViewClient() {
public void onPageFinished(WebView view, String url) {
mHandler.post(new Runnable() {
public void run() {
mWebView.loadUrl("javascript:testEcho()");
}
});
super.onPageFinished(view, url);
}
}
ZogYi 2011-08-02
  • 打赏
  • 举报
回复
楼主,重写onPageFinish是如何解决的?
如何重写?
AspireHouse 2011-05-23
  • 打赏
  • 举报
回复
mWebView.loadUrl("file:///android_asset/demo.html");
loadUrl是一个异步过程,如果你在它下面直接调用mWebView.loadUrl("javascript:testEcho()");
它此时还没生成dom树,调用了没效果也正常。
最好重写WebView的onPageFinish()方法,就应该有效果了,顾名思义就是等页面加载完成再执行那个js函数
lu188887 2011-05-20
  • 打赏
  • 举报
回复
给力点哇!!都没人回答
lu188887 2011-05-20
  • 打赏
  • 举报
回复
哎···还是没有高手解答啊
ch_984326013 2011-05-20
  • 打赏
  • 举报
回复
关注中!....
有用的控件,经常使用设置背景透明 设置webview的backgroundColor属性为[UIColor clearColor]; ? 1 webView.backgroundColor = [UIColor clearColor]; 为webview的HTML页面的body标签添加CSS背景样式设置 ? 1 2 3 ... 设置webview的opaque属性值为NO ? 1 webView.opaque = NO; 加载本地HTML页面 方式一 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 NSString *localHTMLPageName = @"myPage"; NSString *path = [[NSBundle mainBundle] pathForResource:localHTMLPageName ofType:@"html"]; // 从html文件读取html字符串 NSFileHandle *readHandle = [NSFileHandle fileHandleForReadingAtPath:path]; NSString *htmlString = [[NSString alloc] initWithData: [readHandle readDataToEndOfFile] encoding:NSUTF8StringEncoding]; // 或使用 // NSString *htmlString = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:NULL]; // baseURL用来确定htmlString的基准地址, // 相当于HTML的标签的作用,定义页面所有链接的默认地址。 [webView loadHTMLString:htmlString baseURL:[[NSBundle mainBundle] bundleURL]]; 方式二 ? 1 2 3 4 5 6 7 NSString *localHTMLPageName = @"myPage"; NSString *localHTMLPageFilePath = [[NSBundle mainBundle] pathForResource:localHTMLPageName ofType:@"html"]; NSURL *localHTMLPageFileURL = [NSURL fileURLWithPath:localHTMLPageFilePath]; [webView loadRequest:[NSURLRequest requestWithURL:localHTMLPageFileURL]]; 移除滚动后的外边阴影 UIWebView包含一个scrollView组件,用来将关联web内容实现滚动效果,页面滚动后的UIWebView的面板周围会出现阴影效果,该效果是在四周添加UIImageView实现的,因此移除这种阴影效果的代码如下: ? 1 2 3 4 5 6 7 8 UIScrollView *scrollView = webView.scrollView; for (int i = 0; i < scrollView.subviews.count ; i++) { UIView *view = [scrollView.subviews objectAtIndex:i]; if ([view isKindOfClass:[UIImageView class]]) { view.hidden = YES ; } } 参见Remove UIWebView Shadow? 在Safari打开链接地址 默认情况下,长按web页面的链接,系统会自动呼出菜单提供open,copy和cancel选项,但如果要实现触击链接跳转至safari打开页面该怎么做呢?UIWebViewDelegate协议,包含 ? 1 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType 接口,如果为webView添加了delegate对象并实现该接口,那么在webView加载任何一个frame之前都会delegate对象的该方法,该方法的返回值用以控制是否允许加载目标链接页面的内容,返回YES将直接加载内容,NO则反之。并且UIWebViewNavigationType枚举,定义了页面用户行为的分类,包括 UIWebViewNavigationTypeLinkClicked,用户触击了一个链接。 UIWebViewNavigationTypeFormSubmitted,用户提交了一个表单。 UIWebViewNavigationTypeBackForward,用户触击前进或返回按钮。 UIWebViewNavigationTypeReload,用户触击重新加载的按钮。 UIWebViewNavigationTypeFormResubmitted,用户重复提交表单 UIWebViewNavigationTypeOther,发生其它行为。 因此,实现用户触击UIWebView页面的链接,并跳至Safari打开链接页面的步骤如下: 定义实现UIWebViewDelegate协议的类MyWebViewDelegate(通常是由包含UIWebView的controller实现UIWebViewDelegate协议)。 按如下方式实现webView:shouldStartLoadWithRequest:navigationType:接口 ? 1 2 3 4 5 6 7 8 9 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { if ( navigationType == UIWebViewNavigationTypeLinkClicked ) { [[UIApplication sharedApplication] openURL:[request URL]]; return NO; } return YES; } 新建MyWebViewDelegate对象,并赋值给webView的delegate属性 参见:UIWebView open links in Safari 禁用页面滚动弹跳 之前提到UIWebView使用一个UIScrollView对象来关联web页面的内容,通过UIWebView的scrollView属性即可获得该对象,默认情况下网页长度超出设备视口长度后页面会滚动,用户使用手指滚动页面到页面边距并放开手指后页面会产生一个弹跳效果,去除这个效果的方法如下 ? 1 webView.scrollView.bounces = NO ; 参见:Stop UIWebView from “bouncing” vertically? scalesPageToFit属性 默认情况下UIWebView加载HTML页面后,会以页面的原始大小进行显示,亦即如果页面的大小超出UIWebView视口大小,UIWebView会出现滚动效果,而且用户只能通过滚动页面来查看不同区域的内容,不能使用手指的捏合手势来放大或缩小页面。通过设置 ? 1 webView.scalesPageToFit = YES ; UIWebView可以缩放HTML页面来适配其视口大小,从而达到整屏显示内容的效果,并且用户可以用捏合动作来放大或缩小页面来查看内容。 调用javascript代码 UIWebView提供 ? 1 - (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script 方法,可以在objective-c代码调用javascript代码,参数script字符串保存了所要执行的js代码字符串,执行结果以字符串形式返回。以获取web页面标题为例,代码如下: ? 1 NSString *pageTitle = [webView stringByEvaluatingJavaScriptFromString:@"document.title"]; 脚本的代码内容还要依据具体的应用场景。此外,该方法规定执行的脚本时长限定在10s内,为的是防止过长时间的阻塞页面主线程,超过执行时间上线会自动停止脚本运行,并且脚本可分配内存限定在10MB内,超过分配上线将会引发异常。 javascript调用native代码 以上提到,UIWebView加载任何一个页面之前都会调用其代理的 ? 1 2 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType 方法,通过调用参数request对象的URL属性来获取关于本次请求的地址以及参数信息,因此可以通过js代码模拟一次特殊的网络请求来达到调用该代理方法的作用,并通过过滤“特殊的url”来达到有目的性的js代码调用native代码的效果。所谓的“特殊的url”主要的目的是达到一种标识的效果,我们可以规定url的scheme部分,如appscheme://appName?invokeMethodName=objcMethod¶mA=xxx;也可以在常规的url后面附加特殊的参数标识,如http://www.yoursite.com?objecMethodCallFlag=1&methodName=methodA¶mA=xxx。之后根据规定在代理方法去相应的解析url并做出if else判断即可。常见的调用方式是动态添加一个隐藏的iframe标签到HTML页面,如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 // js function invokeObjc(url) { var iframe; iframe = document.createElement("iframe"); iframe.setAttribute("src", url); iframe.setAttribute("style", "display:none;"); document.body.appendChild(iframe); iframe.parentNode.removeChild(iframe); } var url = "appscheme://appName?invokeMethodName=objcMethod¶mA=xxx"; invokeObjc(url); // objc - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { static NSString *callScheme = @"appscheme"; static NSString *invokeMethodName = @"invokeMethodName"; NSString *scheme = request.URL.scheme ; if ([callScheme isEqualToString:scheme]) { NSString *query = request.URL.query ; NSArray *arr = [query componentsSeparatedByString:@"&"]; __block NSString *methodName = @"" ; NSMutableDictionary *params = [NSMutableDictionary new]; // 未考虑参数的解码操作 [arr enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) { NSArray *kv =[obj componentsSeparatedByString:@"="]; if (kv) { if ([invokeMethodName isEqualToString: kv[0]]) { methodName = kv[1]; }else{ [params setObject:kv[1] forKey:kv[0]]; } } }]; // 获得方法名和参数之后,可以添加逻辑判断 NSLog(@"%@",methodName); NSLog(@"%@",params); return NO ; } return YES ; } 前面提到的native代码调用js代码的实现方式,结合两种实现方式即完成了js与native代码间的简单的通信操作。 让UIWebView更加接近native 某些情况下,我们既想要UIWebView加载web页面,又想使得所加载的页面的外观和操作行为更加接近native感觉。这时需要使用一些CSS样式来达到这些效果,这些CSS只适用于IOS的Safari。 -webkit-touch-callout 禁用长按触控对象弹出的菜单。IOS,当你长按一个触控对象时,如链接,safari会弹出包含链接信息的菜单。禁用此行为CSS代码 ? 1 2 3 .disable-callout{ -webkit-touch-callout:none ; } 或在webViewDidFinisheLoad使用 ? 1 [webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout='none';"]; -webkit-user-select 控制用户是否可以选择页面元素内容。IOS,在页面元素进行长按操作,safari会弹出菜单,来允许进行选择行为。禁用此行为代码 ? 1 2 3 .disable-select{ -webkit-user-select:none; } 或在webViewDidFinisheLoad使用 ? 1 [webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect='none';"]; -webkit-tap-highlight-color 覆盖当用户tap链接或clickable元素时默认产生的高亮颜色(灰色)。如 ? 1 2 3 .no-highlight{ -webkit-tap-highlight-color:rgba(0,0,0,0);

80,350

社区成员

发帖
与我相关
我的任务
社区描述
移动平台 Android
androidandroid-studioandroidx 技术论坛(原bbs)
社区管理员
  • Android
  • yechaoa
  • 失落夏天
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧