網頁載入jscss,網頁載入不完全

本文目錄一覽：

• 1、HTML中引入css和js的方法
• 2、iOS WebView載入本地js、css文件
• 3、iframe每個頁面載入css js

HTML中引入css和js的方法

我們在HTML中經常需要引入CSS和JS文件，那麼如何引入呢？下面我給大家演示一下。

工具/材料

Sublime Text

01

首先新建一個文件夾，在文件夾下面建立如下圖所示的文件

02

接下來用Sublime Text打開HTML文件，寫入HTML結構，如下圖所示

03

然後我們在Head標籤內用link標籤引入CSS文件，如下圖所示

04

最後用Script標籤引入JS文件即可，如下圖所示

iOS WebView載入本地js、css文件

思路：對html進行操作，然後webView loadHtml

將需要的js、css資源導入創建好的bundle下，如上圖

WKWebView *webView = [[WKWebView alloc]initWithFrame:frame]];

這個filePaths 就是需要載入的 js、css文件在本地的路徑，是個數組，因為可能需要載入本地的多個js、css文件, 如果需要載入的js、css文件較多，可以讓後台傳給你對應js、css文件的路徑，注意傳的路徑要跟導入本地的資源路徑一致，否則會載入失敗。

//路徑path

NSArray *pathArray  = dict[@”filePath”];

if (pathArray) {            

NSError *error;            

//獲取網路的HTML            

NSString * online_HTML  = [NSString stringWithContentsOfURL:[NSURL URLWithString:url] encoding:NSUTF8StringEncoding error:error];           

 if(!error) {                

//以分割               

 NSArray * array_HTML    = [online_HTML componentsSeparatedByString:@”/head”];                                

NSMutableString *header_HTML = [[NSMutableString alloc]initWithString:array_HTML.firstObject];                                

for (NSString *path in pathArray) {                    

//注意這裡的hightcharts.bundle，更改成你本地的bundle名

NSString *filePath = [[NSBundle mainBundle] pathForResource:[NSString stringWithFormat:@”hightcharts.bundle/%@”,path] ofType:nil];                   

if ([filePath hasSuffix:@”js”]) {                       

[header_HTML appendFormat:@”script src=\”%@\”\script”,filePath];                   

}else if ([filePath hasSuffix:@”css”]){                        

[header_HTML appendFormat:@”link rel=\”stylesheet\”               

[_webView loadHTMLString:header_HTML baseURL:[[NSBundle mainBundle] bundleURL]];            

       }        

}

iframe每個頁面載入css js

iframe每個頁面載入css js如下：

1、動態載入js，css文件(用原生js和jquery) iframe結構： frame0(父) frame

2（子） frame

3（子） frame2中觸發事件，動態的向frame3中 載入js、css文件和 dom元素？ *同級之間可以調用。

可以 通過 子-父-子 的方式調用同級 parent.parentFram(「這個方法在調用其他子farme」); 1.jquery的append() 代碼如下: 速度快，同步（需要引入jquery） var oBody = document.getElementById(「frame3_id」).contentWindow.$(「body」); va