网页加载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