博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
oc和javascript互相调用
阅读量:5131 次
发布时间:2019-06-13

本文共 2070 字,大约阅读时间需要 6 分钟。

概述:

使用UIWebView加载页面,使用UIWebView的方法stringByEvaluatingJavaScriptFromString调用javascript的方法。

在javascript中使用document.body.appendChild(iFrame)这样的方式唤起UIWebViewDelegate的方法

shouldStartLoadWithRequest。通过调用stringByEvaluatingJavaScriptFromString获得javascript中的数据变化。

 

1、oc调用javascript

创建UIWebView对象,并设置UIWebViewDelegate。

调用stringByEvaluatingJavaScriptFromString方法,执行javascript中的方法。

例如:

webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 400, 600)];

webView.delegate = self;

 [self.view addSubview:webView];

[self->webView stringByEvaluatingJavaScriptFromString:@"self.testAction()"];

 

2、javascript调用oc

oc代码:

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

{

    NSURL* url = [request URL];

    if ([[url scheme] isEqualToString:kCustomProtocolScheme]) {

        NSString* test = [self->webView stringByEvaluatingJavaScriptFromString:@"self.testAction()"];

        if ([test isEqualToString:@"1"]) {

    //此处添加自定义方法

            return NO;

        }

        else

        {

            return YES;

        }

    }

        return YES;

}

 javascript代码:

<!doctype html>

<html>
<head>
<meta charset="UTF-8">
<title>good</title>
</head>
<style type="text/css">
canvas{border:dashed 1px #CCC}
</style>
<script type="text/javascript">
var test = '0';
function call()
{
alert("测试开始")
}
function testAction()
{
return test;
}
function js_call_oc()
{
var canvas = $$('can');
var context = canvas.getContext("2d");
context.clearRect(0,0,400,300);
var iFrame;
iFrame = document.createElement("iframe");
iFrame.setAttribute("src", "ios://jwzhangjie");
iFrame.setAttribute("style", "display:none;");
iFrame.setAttribute("height", "0px");
iFrame.setAttribute("width", "0px");
iFrame.setAttribute("frameborder", "0");
document.body.appendChild(iFrame);
// 发起请求后这个iFrame就没用了,所以把它从dom上移除掉
iFrame.parentNode.removeChild(iFrame);
iFrame = null;
test = "1";
}
</script>
<body οnlοad="call();">
<canvas id="can" width="400px" height="300px">40000000000</canvas>
<input type="button" id="btn1" value="调用oc代码!" οnclick="js_call_oc()" />
</body>
</html>

 

转载于:https://www.cnblogs.com/li-baibo/p/5777222.html

你可能感兴趣的文章
12.2日常
查看>>
同步代码时忽略maven项目 target目录
查看>>
Oracle中包的创建
查看>>
团队开发之个人博客八(4月27)
查看>>
发布功能完成
查看>>
【原】小程序常见问题整理
查看>>
C# ITextSharp pdf 自动打印
查看>>
【Java】synchronized与lock的区别
查看>>
django高级应用(分页功能)
查看>>
【转】Linux之printf命令
查看>>
关于PHP会话:session和cookie
查看>>
STM32F10x_RTC秒中断
查看>>
display:none和visiblity:hidden区别
查看>>
C#double转化成字符串 保留小数位数, 不以科学计数法的形式出现。
查看>>
牛的障碍Cow Steeplechase
查看>>
Zookeeper选举算法原理
查看>>
3月29日AM
查看>>
利用IP地址查询接口来查询IP归属地
查看>>
HTML元素定义 ID,Class,Style的优先级
查看>>
构造者模式
查看>>