zoukankan      html  css  js  c++  java
  • uiwebview 加载本地js、css、img,html从网站加载

    资源文件都是放在根目录下

    1、index.html

    <html>
    <head>
    <title>My test Page</title>
    <link rel="stylesheet" href = "test.css" type="text/css"/>
    <script type = "text/javascript" src = "22.js"></script>
    </head>
    <body>
    <h1 id="food" onclick ="sayHello()">Click me!</h1>
    <img src="114.png" width="128" height="128" />
    </body>
    </html>

    2、22.js

    function sayHello() {

        if (document.getElementById('foo').innerHTML == 'Hi there'){

            document.getElementById('foo').innerHTML = 'Click me!';

            

        }else{

            document.getElementById('foo').innerHTML = 'Hi there'

        }

    }

     3、test.css

    body{

        color:red;

        background-color:#fff;

        font-size:12px;

        font-style:italic;

        font-weight:bold;

        font-family:Arial;

    }

    4、oc 代码 

        webView = [[UIWebView alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

        [self.view addSubview:iWebView];

        [webView setBackgroundColor:[UIColor whiteColor]];

         NSString *path = [[NSBundle mainBundle] bundlePath];

        NSURL *baseURL = [NSURL fileURLWithPath:path];

        NSString *imageStr=[NSString stringWithContentsOfURL:[NSURL URLWithString:@"http://192.168.1.155/index.html"] encoding:NSUTF8StringEncoding error:nil];

          [webView loadHTMLString:imageStr baseURL:baseURL];

    5、原理就是先把服务端的html拉下来,然后通过webview加载本地html的方式加载,

  • 相关阅读:
    linux安装oracle
    echarts柱状图,改变柱状颜色
    JS实现键盘监听(包括组合键)
    css根据屏幕大小切换样式
    (转)Win10下PostgreSQL10与PostGIS安装
    navicat连接PostgreSQL报:column “rolcatupdate” does not exist ...错误的解决办法
    大屏FAQ
    大屏介绍
    大屏模板制作
    大屏做成这样,领导不重用你都难
  • 原文地址:https://www.cnblogs.com/sgdkg/p/5576906.html
Copyright © 2011-2022 走看看