通過url查找a元素應(yīng)用案例
更新時(shí)間：2014年04月29日 16:18:54 作者：
這篇文章主要介紹了通過url查找a元素的實(shí)現(xiàn)思路，解決一些比較實(shí)際的問題，感興趣的朋友可以參考下
舉例說明之前的一個(gè)項(xiàng)目：添加學(xué)生的時(shí)候，沒有班級(jí)數(shù)據(jù)。需要自動(dòng)跳轉(zhuǎn)到班級(jí)展示頁面。
問題：學(xué)生，班級(jí)等數(shù)據(jù) 是放到iframe里面的jsp. 學(xué)生管理的按鈕是在main.html上的菜單欄中。
mian頁面菜單
班級(jí)管理：
學(xué)生管理：
iframe中的jsp不斷變化。
解決方法：
學(xué)生管理jsp中，通過id查找父窗體的 班級(jí)管理<a>標(biāo)簽，并點(diǎn)擊
復(fù)制代碼 代碼如下:
$(window.parent.document).find("#folder_12").click();
后來菜單欄換成動(dòng)態(tài)的了，菜單id自然也就是動(dòng)態(tài)的了。
想要的是通過 url獲取<a>，并點(diǎn)擊。
復(fù)制代碼 代碼如下:
<a id="folder_14" onClick="changeContent('classManager/classList.do',this);" onFocus="this.blur()" href="javascript:void(0);" target="mainFrame">班級(jí)管理</a>
要獲取的就是 onClick方法的 changeContent(‘url參數(shù)')
直接看代碼：
復(fù)制代碼 代碼如下:
//console.info( $(window.parent.document).find("a") );
$(window.parent.document).find("#OutFolder a").each(function (index, domEle) {
//var s = $(domEle).attr("onclick")+"";
//var start = s.indexOf ('classManager/classList.do');
var str = domEle.attributes.onclick.value;//利用js獲取onclick屬性值，搜索url
var start = str.indexOf ('classManager/classList.do');
if(start>0){
$(domEle).click();
}
});
總結(jié)：原來一直使用jquery找方法，獲取onclick屬性，用indexOf總報(bào)錯(cuò)，加上"" 空格轉(zhuǎn)化為string就行了
相關(guān)文章
本文主要介紹使用javacript獲取當(dāng)前屏幕大小的方法，需要的朋友可以參考下。2016-06-06
Javascript實(shí)現(xiàn)圖片懶加載的示例代碼
最近公司和第三方材料供應(yīng)商對接開發(fā)了物資集采平臺(tái),其中有個(gè)功能需求需要展示數(shù)百張材料信息圖片,有時(shí)頁面會(huì)出現(xiàn)卡頓的情況,并使用了圖片懶加載的方式進(jìn)行了優(yōu)化,下面把方法分享給大家一起學(xué)習(xí),感興趣的小伙伴跟著小編一起來看看吧2024-12-12
JavaScript獲取網(wǎng)頁的寬高及如何兼容詳解
這篇文章主要給大家介紹了關(guān)于JavaScript獲取網(wǎng)頁的寬高及如何兼容的相關(guān)資料，主要介紹了三個(gè)方式，分別是window.innerWidth / window.innerHeight、document.documentElement.clientWidth以及混雜模式/怪異模式 下的寬高的獲取，需要的朋友可以參考下2021-05-05
javascript基于prototype實(shí)現(xiàn)類似OOP繼承的方法
這篇文章主要介紹了javascript基于prototype實(shí)現(xiàn)類似OOP繼承的方法,實(shí)例分析了JavaScript使用prototype實(shí)現(xiàn)面向?qū)ο蟪绦蛟O(shè)計(jì)的中類繼承的相關(guān)技巧,需要的朋友可以參考下2015-12-12
淺談js中的延遲執(zhí)行和定時(shí)執(zhí)行
下面小編就為大家?guī)硪黄獪\談js中的延遲執(zhí)行和定時(shí)執(zhí)行。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了js 圖片懶加載的實(shí)現(xiàn)，幫助大家更好的優(yōu)化自身網(wǎng)頁，提高網(wǎng)頁響應(yīng)速度，感興趣的朋友可以了解下2020-10-10
js日期插件dateHelp獲取本月、三個(gè)月、今年的日期
這篇文章主要為大家詳細(xì)介紹了js日期插件dateHelp獲取本月、三個(gè)月、今年的日期，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了JS解惑之Object中的key是有序的么，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
JS模擬實(shí)現(xiàn)Excel條件格式中的色階效果
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript模擬實(shí)現(xiàn)Excel條件格式中的色階效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以嘗試一下2023-05-05
alert彈出框出現(xiàn)亂碼的情況，想必大家都有遇到過吧，其實(shí)解決方法很簡單設(shè)置charset=utf-8在試試，看看是不是好了2013-09-09