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"; }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ===>官网地址 日期格式化 字符串转日期 毫秒转日期 时间加减
    debug007阅读 17,191评论 0 7
  • 一、简介 近两年随着HTML5的迅速发展与日趋成熟,越来越多的移动开发者选择使用HTML5来进行混合开发,不仅节约...
    RainyGY阅读 1,934评论 1 12
  • JavaScript什么是JavaScriptJavaScript是一门脚本语言,简称JSJS的常见作用有给HTM...
    JonesCxy阅读 439评论 0 0
  • 最近一直研究node.js,由于项目中用到了麦客的留言板功能,但由于项目中有麦客的logo,我怕老板审核不过...
    歪冒阅读 275评论 0 1
  • 你点或者不点 它就出现在那里 几秒之后再点 只能看看他人运气 看上去像是个游戏 数量多少都是一份心意 只要付出些许...
    艾尔西阅读 221评论 0 0