本地加载html\css\Js

最新推荐文章于 2024-07-12 10:44:08 发布
最新推荐文章于 2024-07-12 10:44:08 发布
阅读量2.3k 收藏
点赞数
分类专栏： iOS开发中问题 iOS与JS交互

首先加载本地的html文件:

[objc]  view plain  copy
 print ?
  1. NSURL *baseURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];  
  2.         NSString *path = [[NSBundle mainBundle] pathForResource:@"post.dark" ofType:@"html"];  
  3.         NSString *html = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];  
  4.         [_javaWebView loadHTMLString:html baseURL:baseURL];  

然后调用webView的dai里方法:

[objc]  view plain  copy
 print ?
  1. - (void)webViewDidFinishLoad:(UIWebView *)webView  

[objc]  view plain  copy
 print ?
  1. [webView stringByEvaluatingJavaScriptFromString:JSstringAction];  

可以用这个方法向js文件进行传值,调用js方法,给js方法设置参数:

实例应用:

html:

[objc]  view plain  copy
 print ?
  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4.     <title></title>  
  5.     <meta charset="utf-8">  
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />  
  7.     <link rel="stylesheet" href="app.light.css" type="text/css"></link>  
  8.     <script src="zepto.min.js" type="text/javascript"></script>  
  9.     <script src="app.js" type="text/javascript"></script>  
  10. </head>  
  11. <body>  
  12.     <div id="title">  
  13. <!--       四色丛林迷彩减肥睡？-->  
  14.     </div>  
  15.     <div id="author_avatar">  
  16. <!--    <p><img src="http://bbs.junpinzhi.com/uc_server/avatar.php?size=middle&uid=13931"/>  军品志</p>-->  
  17.     </div>  
  18.     <div id="page_header"></div>  
  19.     <div id="content">  
  20.     //传入内容  
  21.         </div>  
  22.     <div id="page_footer"></div>  
  23.     <div id="page_bottom"></div>  
  24. </body>  
  25.   
  26. </html>  

js部分 :

[objc]  view plain  copy
 print ?
  1. function initBody1(para) {  
  2.     var pageContent = $("#content");  
  3.     pageContent.html(para);  
  4.     pageContent.css('font-size','100% ');  
  5.       
  6. }  
  7.   
  8. function initBody2(para) {  
  9.     var pageContent = $("#content");  
  10.     pageContent.html(para);  
  11.     pageContent.css('font-size','120% ');  
  12. }  

css:部分

[objc]  view plain  copy
 print ?
  1. #content {  
  2.     color: #1a1a1a;  
  3.     font-size: 100%;  
  4.     margin: 0 1em;  
  5.     line-height: 150%;  
  6.     letter-spacing: 50%;  
  7.     word-wrap: break-word;  
  8.     word-break:normal;  
  9. /*    white-space: pre-wrap;*/  
  10.     text-align:justify;  
  11. }  
  12. #content p {  
  13.     margin: 1em auto;  
  14. }  
  15. #content img {  
  16.     /* keep aspect ratio, use max width */  
  17.     max-width:100%;  
  18.     height:auto;  
  19.     /* center image */  
  20.     margin:1em auto;  
  21.     display: block;  
  22. }  
  23. #content .img_desc {  
  24.     color:#888888;  
  25.     font-size:75%;  
  26.     line-height:120%;  
  27.     margin-bottom:0.4em;  
  28. }  

可以对css的"#content"做修改  达到想要的效果  


我们通过

[objc]  view plain  copy
 print ?
  1. [webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"initBody2('%@')",self.titleStr]];  

向js文件传送content 在传到html     在掉用css进行改变.


5.捕捉html的交互
如果我们在html页面中有交互，可以通过webView的delegate获取到操作的链接(在第一步没有设置webView的delegate的，现在需要设置了~)
遵守UIWebViewDelegate协议
在ViewController中实现UIWebViewDelegate中的这个方法
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType


程序员的修养
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS打开本地已知路径可执行程序.html
05-24
网页通过JS利用ActiveX打开本地已知路径可执行程序
详解iOS 加载本地HTML，css，js
08-30
在iOS应用开发中，加载本地HTML、CSS和JS文件是一个常见的需求，这通常涉及到使用UIWebView或WKWebView组件来呈现动态内容。UIWebView是苹果早期提供的网页视图控制器，而WKWebView是iOS 8之后引入的新组件，它提供...
webview html页面加载本地js及img src(一)
andych008的专栏
06-04 7471
webview html页面加载本地js及img src(二) 这个标题可能没表达清楚我要说什么。 本人不太懂android，最近开始做android的项目，需要解决一些技术问题，所以把一些Demo级的东西写下来，记录一下。 我们的客户端软件主要部分用webview的表现形式来实现。当然这个东东有优点、缺点也不少。 今天，我们要解决的就是，如何从节省流量的角度来优化加载速度。 w
【HTML CSS JS 蝴蝶飞舞特效 绝美（附完整代码）】
2301_82244279的博客
06-17 451
c-0.033-2.367,0.034-4.117,0.2-5.25c0.3-1.034,0.483-1.8,0.55-2.3c0.167-0.867,0.034-1.533-0.4-2c-0.6-0.7-1.133-1.517-1.6-2.45c-0.566-1.133-0.833-2.117-0.8-2.95c0.033-1.333,0.167-2.367,0.4-3.1c0.367-1.267,1.05-2.267,2.05-3C4.417,4.25,6.483,3.317,8.65,2.85z"/>
html引用本地JS文件
chouao0161的博客
05-09 9751
<head> <script type="text/javascript" src="../js/1.js"></script> <script type="text/javascript" src="../js/2.js"></s...
python打开本地html文件夹_html、js获取本地文件夹路径，打开本地应用程序
weixin_39789399的博客
12-21 847
方法1：function runExecutable(){var executableFullPath=document.getElementById("path").value;try {var shellActiveXObject = new ActiveXObject("WScript.Shell");if ( !shellActiveXObject ){alert('Could not g...
Node.js 打开本地Html
BLOG OF PETERMAOSX.
12-30 2199
Node.js 打开本地html是通过 fs 来处理 var http = require("http"); var fs = require('fs'); http.createServer((req,res)=>{ fs.readFile(__dirname+"/index01.html","utf-8",(err,data)=>{ if(err){ ...
folium js css 本地资源 src资源
09-01
一个本地化的 folium 地图资源，包括了js，css 等文档，配合python脚本将对应资源的引用本地化，避免了引入url资源时跨境加载js/css资源网络慢的问题，提升本地folium地图的加载速度，速度提升 800 倍，让地图打开...
Android webview如何加载HTML,CSS等语言的示例
08-28
1. 使用 script 标签加载 JavaScript 文件：可以使用 script 标签加载 JavaScript 文件，例如：<script src="js_url"></script>. 2. 使用 WebView 的 addJavascriptInterface 方法加载 JavaScript 文件：可以使用 ...
webview加载本地的html文件
12-24
WebView是Android SDK提供的一种控件，它能够加载并显示网页内容，包括HTML、CSS、JavaScript等。在AndroidManifest.xml文件中，我们需要添加Internet权限，以确保WebView能够访问网络资源。此外，如果要加载本地...
如何在html中写javascript代码,如何在本地html代码中使用javascript脚本
weixin_34709138的博客
06-05 245
我在jsfiddle中的代码正在工作，但是当我尝试在本地使用它时没有。 我不知道如何解决它，因为我认为代码是正确的。 我也尝试下载Jquery文件，并将其链接到代码中，但它不起作用。我确信这是一个愚蠢的错误，但我不知道如何解决它。如何在本地html代码中使用javascript脚本我prova.php文件：$('#btn').click(function() {var primo = docume...
js读取硬盘信息以及文件夹的选择.html
08-27
js 读取硬盘信息 以及 文件夹 的选择.html 使用js来读取硬盘信息 并选择文件
（HTML/H5）JS导入本地json文件数据的三类方法
最新发布
qq_42850537的博客
07-12 826
这个本地json文件中往往保存一些（无需在js脚本中改动，又常需手动改动的一些各种设定之类的）静态数据。
可以读取html文件,javascript能读取本地文件吗？
weixin_31833307的博客
06-11 440
JavaScript读取本地文件利用XMLHttpRequest对本地文件进行读取操作，值得注意的是，HTML文档的格式要与流中的读取格式设置一致， 代码如下：function load(name) {let xhr = new XMLHttpRequest(),okStatus = document.location.protocol === "file:" ? 0 : 200;xhr.open...
网页引入JS的三种方式
jmz98的博客
05-17 2081
1.使用<script>标签<script type="text/javascript"></script>2.使用外部引入<script src="js/路径" type="text/javascript"></script>3.HTML标签内部引入<input type="button" value="触发" onclick="javascript:alert(123);" />
html中嵌入js的2种方法 引用 引入javascript
global_coding的博客
05-24 363
html中嵌入js的2种方法 引用 引入javascript
页面自动执行（加载）js的几种方法
lxw1844912514的博客
10-26 1428
https://www.cnblogs.com/2huos/p/js-autorun.html 一、JS方法1.最简单的调用方式，直接写到html的body标签里面： <html> <body onload="load();"> </body> </html> 2.在JS语句调用： ...
html js加载本地文件报错处理，跨域问题
野生猿-群号1025127672
01-03 1405
解决方法是搭建一个本地服务器，然后从这个服务器访问这个html文件，这样html和其他资源文件，会被浏览器判定为同一个域。首先下载node.js的windows安装包，安装完以后，打开命令行，查询两个版本号，如果没有报错，就说明node.js和npm都安装好了。这个问题是怎么来的？然后打开我们的html文件就可以了，这时html中的js要访问这个文件夹及其子文件夹下的文件，就不会报错了。还有个问题就是，当修改了html文件以后，浏览器中的文件并不会更新，需要打开html并刷新页面才行。
加载本地html，js, css文 件
weixin_30376163的博客
01-13 108
新建一个www文件夹，把它拖入项目内，只要引用，不要选copy，然后把html.js ,css直接放到这个www文件夹下。然后用以下代码加载： NSURL* wwwURL = [NSURL fileURLWithPath :[NSString stringWithFormat:@"%@%@", [[NSBundle mainBundle] bundlePath],@"www...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值