html与原生端交互,ionic ios html与原生肿么交互

在IOS开发中，可以通过webView来加载HTML文件

步骤如下：

1.需要有一个webView，可以通过storyboard拖拽一个 或者 alloc 一个(我在这里是拖拽了一个)，是否要给webView设置delegate ，根据自己的需要决定(如果只是展示页面可以忽略)。

webView

2.创建HTML文件、CSS文件、js文件，同样的创建方式，只是后缀名不同。

New File - Other -Empty

创建HTML文件后缀名为：html，创建css文件后缀名为css，创建js文件后缀名为：js

创建HTML文件、CSS文件、js文件

这是创建完成后的样子

创建完成

3.在HTML文件，css文件，js文件中写入我们的代码。

在HTML文件中写入一些元素

!DOCTYPE html

html

headhttp://baidu.com" target="_blank">http://baidu.com]()我要到百度/a

br/br/br/

button onclick = hello()点击我弹出hello/button

/body

/html

在css文件中改变元素的属性

#p{

color:red;

}

#img{

width:120px;

height:50px;

}

#a{

color:yellow;

}

在js文件中写一个弹窗的函数

function hello(){

alert(hello);

}

这样我们的这三个文件就都写好了，可以通过webView来加载了 。

4.通过webView来加载这三个文件

在viewController的viewDidLoad方法中写入一下代码

取消

评论