ios与h5交互

iOS 是 Apple 公司研发的操作系统，而 H5 是一种基于 HTML、CSS、JavaScript 等技术的网页开发方式。iOS 与 H5 的交互需要通过 WebView 组件实现。

WebView 是一种在 iOS 中用于显示 Web 内容的组件，它可以加载 HTML、CSS、JavaScript 等网页文件，并将其渲染成可视化的界面。在 iOS 中，我们可以通过创建一个 UIWebView 或者 WKWebView 对象来实现 WebView 的功能。

H5 与 iOS 交互的方式有两种，分别是 JS 调用 Native 和 Native 调用 JS。

1. JS 调用 Native

在 iOS 中，我们可以通过 UIWebViewDelegate 或者 WKNavigationDelegate 来监听 WebView 的加载事件，并通过 JavaScriptCore 框架来执行 JavaScript 代码。当 H5 页面需要调用 iOS 的原生功能时，可以通过 JavaScript 调用 iOS 的方法，来实现交互。

例如，我们可以在 iOS 中定义一个名为“showAlert”的方法，用于显示一个弹窗。在 H5 页面中，我们可以通过以下代码来调用该方法：

```

显示弹窗

```

当用户点击按钮时，就会调用 iOS 中的“showAlert”方法，从而实现弹窗的显示。

2. Native 调用 JS

与 JS 调用 Native 不同，Native 调用 JS 需要通过 WebView 的 evaluateJavaScript 方法来执行 JavaScript 代码。

例如，我们可以在 H5 页面中定义一个名为“showMessage”的方法，用于显示一条消息。在 iOS 中，我们可以通过以下代码来调用该方法：

```

[webView evaluateJavaScript:@"showMessage('Hello, World!')" completionHandler:nil];

```

当 iOS 调用该方法时，就会执行 H5 页面中的“showMessage”方法，并显示“Hello, World!”这条消息。

总的来说，iOS 与 H5 的交互需要通过 WebView 组件来实现。在 iOS 中，我们可以通过 JavaScriptCore 框架来执行 JavaScript 代码，从而实现 JS 调用 Native 或者 Native 调用 JS 的功能。这种交互方式在移动应用开发中非常常见，可以让应用与网页之间实现更加紧密的联系。