iOS-UIWebview与web端交互(javascript脚本)iOS公开接口供web端调用

//UIWebView加载网页 UIWebView *XWwebview =[[UIWebview alloc]initWithFrame:rect];

[ XWwebview loadRequest:request];

下面就需要用到javascript和web端 进行交流了

第一种：只能对web端的某些属性进行修改 但用在监听某个按钮点击时 后一定的局限性

－(void)webViewDidFinishLoad:(UIWebView *)webView

{

//程序会一直调用该方法，所以判断若是第一次加载后就使用我们自己定义的js，此后不在调用JS,否则会出现网页抖动现象

if (!_isFirstLoadWeb) {

_isFirstLoadWeb = YES;

}else

return;

//给webview添加一段自定义的javascript

[webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"

"script.type = 'text/javascript';"

"script.text = \"function myFunction() { "

//注意这里的Name为搜索引擎的Name,不同的搜索引擎使用不同的Name

//<input type="text" name="word" maxlength="64" size="20" id="word"/> 百度手机端代码

"var field = document.getElementsByName('word')[0];"

//给变量取值，就是我们通常输入的搜索内容，这里为常乐

"field.value='常乐';"

"document.forms[0].submit();"

"}\";"

"document.getElementsByTagName('head')[0].appendChild(script);"];

//开始调用自定义的javascript

[webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];

}

第二种：制定协议 公开一个接口给web端调用 在web端某个按钮被点击后 响应他自己的方法是 加入ios端接口方法

-(void)webViewDidFinishLoad:(UIWebView *)webView

{

[self.XWImage setHidden:YES];

context =
[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

// 打印异常

context.exceptionHandler = ^(JSContext *context, JSValue *exceptionValue)
{

context.exception = exceptionValue;

NSLog(@"%@", exceptionValue);

};

context[@"Native"]
= self; //以JSExport 协议关联 native 的方法

context[@"log"]
= ^(NSString *str){//以block 形式关联 JavaScript
function

NSLog(@"%@", str);

};

//

// 以 block 形式关联 JavaScript
function

context[@"alert"] = ^(NSString *str)
{

UIAlertView *alert
= [[UIAlertView alloc] initWithTitle:@"msg
from js"message:str delegate:nil cancelButtonTitle:@"ok" otherButtonTitles:nil, nil];

[alert show];

};

//

__block typeof(self)
weakSelf = self;

context[@"addSubView"] = ^(NSString *viewname)
{

UIView *view = [[UIView alloc]initWithFrame:CGRectMake(10, 500, 300, 100)];

view.backgroundColor = [UIColor redColor];

UISwitch *sw = [[UISwitch alloc]init];

[view addSubview:sw];

[weakSelf.view addSubview:view];

};

}

完成这段代码后 我们需要做的只是写一个接口给web端使用

如：-(void)doWeiXinPay:(NSString *)payRequestStr;

-(void)shareIOSWXFriend:(NSNumber *) clickButton :(NSString *)myTittle
:(NSString*)mydistribute :(NSString *)logText ;

需要注意的是 在web端插入的内容需带这边制定的协议

如 native.doWeiXinPay(字符串)//括号内放响应的参数

native.shareIOSWXFriend(数字，字符串，字符串，字符串)//依次放三个参数

上面需要注意的时候用参数进行传值时 不要带UIImage UIButton等这些对象 只能传数据类型

如有疑问欢迎联系qq：457040616