JS的简单使用

JS： javascript 和我们的用户进行动态交互

JS在IOS开发中的使用（以UIWebView为桥梁）

通过UIWebView的两个代理方法实现：

1. OC里面执行JS代码                                                                                            - (void)webViewDidFinishLoad:(UIWebView *)webView{}

2. JS调用OC的方法                                                                                                - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:

JS可以移除网页中的任何元素： 

1）找到你需要移除的元素，通过document调用它的方法来查询对应的元素         

 标签名：document.getElementsByTagName（）

 class名：document.getElementsByClassName（）

2）写JS代码移除找到的元素

-查找到他的父控件

downLoadAppElement.parentNode

-然后再删掉它自己

downLoadAppElement.parentNode.removeChild(downLoadAppElement);

举例：大众点评 https://m.dianping.com/tuan/deal/5501525                                              

需求：去除下面图片中的绿色框内的部分

1、去掉header这个元素

-查询到它

var headerTag = document.getElementsByTagName('header')[0];

-删掉

headerTag.parentNode.removeChild(headerTag);

2、去掉footer-btn-fix这个元素

-查询到它

var footerBtnFixTag = document.getElementsByClassName('footer-btn-fix')[0];

-删掉

footerBtnFixTag.parentNode.removeChild(footerBtnFixTag);

3、去掉footer这个元素

-查询到它

var footerTag = document.getElementsByClassName('footer')[0];

-删掉

footerTag.parentNode.removeChild(footerTag);

结果浏览：

4、给我们的植物大战僵尸添加点击事件

-找到我们那张图片

var headbarTag = document.getElementsByClassName('headbar')[0];

-给其添加点击事件

headbarTag.onclick = function() { window.location.href ="http://www.baidu.com"; }