這篇文章主要介紹iOS如何實現(xiàn)加載本地HTML，css，js，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)基于成都重慶香港及美國等地區(qū)分布式IDC機房數(shù)據(jù)中心構(gòu)建的電信大帶寬，聯(lián)通大帶寬，移動大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)德陽電信服務(wù)器托管報價，主機托管價格性價比高，為金融證券行業(yè)服務(wù)器托管，ai人工智能服務(wù)器托管提供bgp線路100M獨享，G口帶寬及機柜租用的專業(yè)成都idc公司。

在IOS開發(fā)中，可以通過webView來加載HTML文件

步驟如下：

1.需要有一個webView，可以通過storyboard拖拽一個 或者 alloc 一個（我在這里是拖拽了一個），是否要給webView設(shè)置delegate ，根據(jù)自己的需要決定（如果只是展示頁面可以忽略）。

2.創(chuàng)建HTML文件、CSS文件、js文件，同樣的創(chuàng)建方式，只是后綴名不同。

New File -> Other ->Empty

創(chuàng)建HTML文件后綴名為：html，創(chuàng)建css文件后綴名為css，創(chuàng)建js文件后綴名為：js

這是創(chuàng)建完成后的樣子

3.在HTML文件，css文件，js文件中寫入我們的代碼。

在HTML文件中寫入一些元素

  

  

  

  



  
我是HTML

  p標(biāo)簽


  


  我要到百度

  




  點擊我彈出hello

在css文件中改變元素的屬性

#p{
  color:red;
}
#img{
  width:120px;
  height:50px;
}
#a{
  color:yellow;
}

在js文件中寫一個彈窗的函數(shù)

function hello(){
  alert("hello");
}

這樣我們的這三個文件就都寫好了，可以通過webView來加載了 。

4.通過webView來加載這三個文件

在viewController的viewDidLoad方法中寫入一下代碼

NSString *path = [[NSBundle mainBundle] bundlePath];
NSURL *baseURL = [NSURL fileURLWithPath:path];
NSString * htmlPath = [[NSBundle mainBundle] pathForResource:@"index1"
                           ofType:@"html"];
NSString * htmlCont = [NSString stringWithContentsOfFile:htmlPath
                        encoding:NSUTF8StringEncoding
                          error:nil];
[self.webView loadHTMLString:htmlCont baseURL:baseURL];

寫完后command+R運行就能看見效果了?。ㄎ疫@里是有navgationcontroller的，如果你們沒加的話就沒有導(dǎo)航欄）

這樣html文件加載出來了，頁面元素的樣式也是通過css文件定義過的，接著我們點擊頁面中的點擊我彈出hello按鈕，就可以彈出一個hello的彈出框，如圖：

現(xiàn)在我們的html，css，js三個文件就都驗證通過了~

5.捕捉html的交互

如果我們在html頁面中有交互，可以通過webView的delegate獲取到操作的鏈接(在第一步?jīng)]有設(shè)置webView的delegate的，現(xiàn)在需要設(shè)置了~)

遵守UIWebViewDelegate協(xié)議

在ViewController中實現(xiàn)UIWebViewDelegate中的這個方法

復(fù)制代碼 代碼如下:

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

看實現(xiàn)代碼：

- (BOOL)webView:(UIWebView *)webView
shouldStartLoadWithRequest:(NSURLRequest *)request
 navigationType:(UIWebViewNavigationType)navigationType{
  NSURL* url = [request URL];
  NSString* urlstring = [NSString stringWithFormat:@"%@",url];
  NSLog(@"url = >%@",url);
  return YES;
}

好，運行一下，點擊頁面中的我要到百度這個超鏈接，看看是不是把鏈接輸出來啦

這樣就可以根據(jù)自己的需要做一些操作了。。。。。。。

附上源碼地址：https://github.com/xingxianqing/loadHtmlCssJsDemo

完整項目下載：loadHtmlCssJsDemo_jb51.rar

以上是“iOS如何實現(xiàn)加載本地HTML，css，js”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！