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

1、JS的DOM操作


1.1 显示和隐藏元素


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


1.2 图片切换


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


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


1.3 节点操作


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


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


2、jQuery


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

教程:点击打开链接


3、HTML+CSS+JS总结


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


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


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


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


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


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


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


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

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


5、JS调用OC


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


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


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


6.1 拦截网页新闻数据


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


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


6.2 实现思路


1> 拦截请求路径

2> 创建URL,发送请求

3> 解析返回的JSON数据

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

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


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


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


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