iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互

1、JS的DOM操作


1.1 显示和隐藏元素


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第1张图片


1.2 图片切换


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第2张图片


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第3张图片


1.3 节点操作


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第4张图片


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第5张图片


2、jQuery


jQuery是一个JavaScript库,极大地简化了JavaScript 编程。

教程:点击打开链接


3、HTML+CSS+JS总结


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第6张图片


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第7张图片


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第8张图片


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第9张图片


4、UIWebView执行JS代码 --- 了解即可


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第10张图片


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第11张图片


1:获取其他网站的HTML数据

2:删除浮动的广告,由于是通过JS动态产生,需要通过等别人的JS代码执行完,才能获得该元素,再将其删除


5、JS调用OC


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第12张图片


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第13张图片


6、网页新闻详情 --- 重要


6.1 拦截网页新闻数据


手机连接电脑WiFi,设置代理,表示手机发送的所有请求都能被电脑拦截,再利用Charles拦截请求


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第14张图片


6.2 实现思路


1> 拦截请求路径

2> 创建URL,发送请求

3> 解析返回的JSON数据

4> JSON数据中一般会包含一个HTML数据,将其显示在UIWebView上

关键:对JSON数据进行打印,看懂其结构,对其解析,拼接HTML


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第15张图片


iOS开发 - 第04篇 - 网络 - 07 - JS & jQuery & UIWebView和JS交互_第16张图片


注:了解拦截别人数据的方法,一般利用UIWebView来展示数据的情况,一般只是在那种新闻APP或者电商APP


你可能感兴趣的:(JS,DOM,jQuery,网络,数据拦截,iOS开发,iOS开发笔记)