UIWebView和js交互demo1_刮奖js实现demo资源-CSDN下载

共67个文件

sample：9个

m：4个

plist：3个

UIwebView

5星 · 超过95%的资源需积分: 10 23 浏览量 2015-04-30 18:13:00 上传评论收藏 76KB ZIP 举报

在iOS开发中，UIWebView是苹果提供的一种原生控件，用于展示网页内容。它可以加载HTML、CSS和JavaScript代码，并且具有与Objective-C（OC）代码进行交互的能力。本项目"UIWebView和js交互demo1"就是展示了如何利用UIWebView进行 OC与JS之间的通信，实现两者之间的数据交换和功能调用。一、UIWebView基本使用 UIWebView的使用主要包括初始化、加载网页内容以及设置代理。我们需要创建一个UIWebView实例，然后通过`loadRequest:`方法加载URL请求或`loadHTMLString:baseURL:`方法加载HTML字符串。设置`UIWebViewDelegate`代理可以监听网页加载状态，如加载开始、完成、失败等事件。 ```swift let webView = UIWebView(frame: CGRect(x: 0, y: 0, width: view.bounds.width, height: view.bounds.height)) view.addSubview(webView) let url = URL(string: "http://www.example.com")! let request = URLRequest(url: url) webView.load(request) webView.delegate = self ``` 二、OC操作JS 在OC中，我们可以使用`stringByEvaluatingJavaScriptFromString:`方法执行JavaScript代码。这个方法接收一个JavaScript字符串作为参数，返回执行结果。例如，我们可以通过此方法获取网页上的某个元素的属性或者执行页面上的函数： ```objc NSString *javascript = @"document.body.style.backgroundColor = 'red';"; [webView stringByEvaluatingJavaScriptFromString:javascript]; ``` 三、JS对OC进行交互为了使JavaScript能够调用OC的方法，我们需要实现`WKScriptMessageHandler`协议，定义一个处理JavaScript消息的方法。然后使用`WKWebView`的`evaluateJavaScript:completionHandler:`方法注入一个全局JavaScript对象，该对象的属性或方法对应OC中的方法。 ```swift class ViewController: UIViewController, WKScriptMessageHandler { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let config = WKWebViewConfiguration() config.userContentController.add(self, name: "myHandler") webView = WKWebView(frame: .zero, configuration: config) view.addSubview(webView) let html = """ <html> <body> <button onclick="callNativeFunction()">点击我</button> <script> function callNativeFunction() { window.webkit.messageHandlers.myHandler.postMessage('来自JS的问候'); } </script> </body> </html> """ webView.loadHTMLString(html, baseURL: nil) } func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) { if message.name == "myHandler" { print("接收到JS的消息：\(message.body)") } } } ``` 四、WKWebView替代UIWebView 虽然UIWebView已经足够实现OC与JS的交互，但随着iOS的发展，苹果推荐使用WKWebView，因为它的性能更好，内存管理更优，同时支持更多的现代Web标准。WKWebView的使用方式类似UIWebView，但API有所不同，如使用`WKWebViewConfiguration`来设置用户内容控制器，使用`WKScriptMessageHandler`协议来处理JavaScript消息。 "UIWebView和js交互demo1"项目主要展示了如何在iOS应用中利用UIWebView或WKWebView进行OC与JS的交互，这在实现复杂的混合式应用或者增强原生应用的Web功能时非常有用。通过这种交互方式，开发者可以充分利用JavaScript的灵活性，同时结合OC的强大能力，为用户提供更加丰富的用户体验。

资源推荐

资源详情

资源评论

收起资源包目录

WebViewAndJavaScriptDemo.zip （67个子文件）

WebViewAndJavaScriptDemo

.DS_Store 6KB

WebViewAndJavaScriptDemoTests

Info.plist 746B

WebViewAndJavaScriptDemoTests.m 918B

WebViewAndJavaScriptDemo

index.html 1KB

ViewController.m 3KB

.DS_Store 6KB

Info.plist 1KB

main.m 342B

Test.html 849B

Base.lproj

Main.storyboard 2KB

LaunchScreen.xib 4KB

Images.xcassets

AppIcon.appiconset

Contents.json 585B

ViewController.h 223B

AppDelegate.h 285B

AppDelegate.m 2KB

WebViewAndJavaScriptDemo.xcodeproj

project.xcworkspace

contents.xcworkspacedata 169B

xcuserdata

apple.xcuserdatad

UserInterfaceState.xcuserstate 17KB

xcuserdata

apple.xcuserdatad

xcschemes

xcschememanagement.plist 586B

WebViewAndJavaScriptDemo.xcscheme 4KB

project.pbxproj 17KB

.git

logs

HEAD 158B

refs

heads

master 158B

info

exclude 40B

index 2KB

COMMIT_EDITMSG 15B

objects

pack

729c22cf0822f03c4f54bdd483ebd62d9dfa0a 270B

info

a84d4247a166e2a2d805a3287fb1892c2bcebb 1KB

2f1922f73d920601ad2ac9c2917036bcbd59ab 357B

db8e872531ecbcf7e2000ce594fbd10901b95d 149B

0a04adccacc53e1701c1f916515fa34753259c 69B

ffc6acb2a3cc6aac82a27438b92e998e5b58a0 51B

8c98f7461bf98b2bc7e061150d8021121ad277 161B

906a068ac0958893ce4fd10e373572c8901219 510B

71be3cc65a1a1e4f6351df71b10e1e45f9324f 131B

4a88acaf563755c5ee87a7020dc561b7ea799a 453B

fdb431b6d453fd08e0e6fccb17a31b7813b700 903B

6f6e461ba020664f812522a9e3623ad1a2cfb9 184B

59849faf4291637b12746901285ca4c497b1e8 923B

afb4c1ce92c6a4b2e559c61b5897371787d305 327B

3483bb906616e90ca9fc8060d8a816d1a83575 515B

bf7f42b7757b3076a7d2f5afc476488f6613e0 59B

447a48ff484b603abdba7d49ea8255c26cff21 513B

ac519d99666ed8d0e2e4a26ccb5f4b62d1211c 120B

039486833c561ce9a9ad1f280eeddc80f8e3f9 60B

8306eae83bb7bc74ff5f53690a76ea27dff0ec 3KB

958104ff904e0da74c9f5cfb99e27338480f66 99B

961bde2f92732aec8ed0b19a06cd365014874c 231B

f6f542845b0bdaa4d5082e3c4728e4b2ea9900 126B

12f9d76b5fbbc7a42fecd973df23d39d3c367e 723B

9b342f2aaaeee39917e7e93ab2dc49c0131a73 320B

b616f0e8f4487791d50e620e6df67037c621da 57B

2de0e6fd23d9f9eba2dcae2849352d7204529c 131B

782c4fa01989bc8c2f86b8725b6bf0f778146a 110B

ab4e65e46bd86c14b135be1f6c6f15e7e33d6c 289B

HEAD 23B

config 137B

refs

heads

master 41B

UIWebView和js交互demo1

UIWebView与JS交互小例子

UIWebView和js交互

安卓webview与js交互demo

UIWebView与 javascript的交互

UIWebViewDemo

UIWebView和js交互demo2

UIWebView原生与H5交互

UIWebView与 javascript的交互三

UIWebView与 javascript的交互二

OC与JS交互Demo

oc中UIWebView交互 JS交互

IOS UIWebView Demo

UIWebView Demo代码

vue.js-demo

UIWebView使用

Demo.zip_DEMO_iphone_uiwebview_uiwebview demo_uiwebview video

iOS WebView与Js 交互Demo

object-c 与 js 简单交互demo

iOS与H5界面JSBridge交互Demo

js demo

JS的一些demo

required Js Demo

iPhone开发之UIWebView示例程序

UIWebView教程

获取UIWebVIew里的图片的demo

JS与OC互调demo

js与oc交互完美demo

OC 与 js交互

jsdemo_iOS原生h5交互_源码

【Android】手写签名（87/100）

数据密集型应用：从基础到实践

最新资源