JS的簡(jiǎn)單使用

JS: javascript 和我們的用戶進(jìn)行動(dòng)態(tài)交互

JS在IOS開發(fā)中的使用(以UIWebView為橋梁)

通過UIWebView的兩個(gè)代理方法實(shí)現(xiàn):

1. OC里面執(zhí)行JS代碼 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?- (void)webViewDidFinishLoad:(UIWebView *)webView{}

2. JS調(diào)用OC的方法 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:

JS可以移除網(wǎng)頁中的任何元素:?

1)找到你需要移除的元素,通過document調(diào)用它的方法來查詢對(duì)應(yīng)的元素 ? ? ? ??

?標(biāo)簽名:document.getElementsByTagName()

?class名:document.getElementsByClassName()

2)寫JS代碼移除找到的元素

-查找到他的父控件

downLoadAppElement.parentNode

-然后再刪掉它自己

downLoadAppElement.parentNode.removeChild(downLoadAppElement);

舉例:大眾點(diǎn)評(píng) https://m.dianping.com/tuan/deal/5501525 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

需求:去除下面圖片中的綠色框內(nèi)的部分


1、去掉header這個(gè)元素

-查詢到它

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

-刪掉

headerTag.parentNode.removeChild(headerTag);

2、去掉footer-btn-fix這個(gè)元素

-查詢到它

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

-刪掉

footerBtnFixTag.parentNode.removeChild(footerBtnFixTag);

3、去掉footer這個(gè)元素

-查詢到它

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

-刪掉

footerTag.parentNode.removeChild(footerTag);

結(jié)果瀏覽:


4、給我們的植物大戰(zhàn)僵尸添加點(diǎn)擊事件

-找到我們那張圖片

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

-給其添加點(diǎn)擊事件

headbarTag.onclick = function() { window.location.; }

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • ===>官網(wǎng)地址 日期格式化 字符串轉(zhuǎn)日期 毫秒轉(zhuǎn)日期 時(shí)間加減
    debug007閱讀 17,144評(píng)論 0 7
  • 一、簡(jiǎn)介 近兩年隨著HTML5的迅速發(fā)展與日趨成熟,越來越多的移動(dòng)開發(fā)者選擇使用HTML5來進(jìn)行混合開發(fā),不僅節(jié)約...
    RainyGY閱讀 1,892評(píng)論 1 12
  • JavaScript什么是JavaScriptJavaScript是一門腳本語言,簡(jiǎn)稱JSJS的常見作用有給HTM...
    JonesCxy閱讀 430評(píng)論 0 0
  • 最近一直研究node.js,由于項(xiàng)目中用到了麥客的留言板功能,但由于項(xiàng)目中有麥客的logo,我怕老板審核不過...
    歪冒閱讀 273評(píng)論 0 1
  • 你點(diǎn)或者不點(diǎn) 它就出現(xiàn)在那里 幾秒之后再點(diǎn) 只能看看他人運(yùn)氣 看上去像是個(gè)游戲 數(shù)量多少都是一份心意 只要付出些許...
    艾爾西閱讀 207評(píng)論 0 0