通過url查找a元素應(yīng)用案例
舉例說明之前的一個項目:添加學(xué)生的時候,沒有班級數(shù)據(jù)。需要自動跳轉(zhuǎn)到班級展示頁面。
問題:學(xué)生,班級等數(shù)據(jù) 是放到iframe里面的jsp. 學(xué)生管理的按鈕是在main.html上的菜單欄中。
mian頁面菜單
班級管理:
學(xué)生管理:
iframe中的jsp不斷變化。
解決方法:
學(xué)生管理jsp中,通過id查找父窗體的 班級管理<a>標簽,并點擊
$(window.parent.document).find("#folder_12").click();
后來菜單欄換成動態(tài)的了,菜單id自然也就是動態(tài)的了。
想要的是通過 url獲取<a>,并點擊。
<a id="folder_14" onClick="changeContent('classManager/classList.do',this);" onFocus="this.blur()" href="javascript:void(0);" target="mainFrame">班級管理</a>
要獲取的就是 onClick方法的 changeContent(‘url參數(shù)')
直接看代碼:
//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總報錯,加上"" 空格轉(zhuǎn)化為string就行了
相關(guān)文章
Cropper.js進階實現(xiàn)圖片旋轉(zhuǎn)裁剪處理功能示例
這篇文章主要為大家介紹了Cropper.js進階實現(xiàn)圖片旋轉(zhuǎn)裁剪功能示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-05-05Javascript實現(xiàn)重力彈跳拖拽運動效果示例
本文為大家詳細介紹下使用Javascript實現(xiàn)重力彈跳拖拽運動的具體調(diào)用方法,感興趣的朋友可以參考下哈2013-06-06JS中數(shù)組隨機排序?qū)崿F(xiàn)方法(原地算法sort/shuffle算法)
已經(jīng)學(xué)過JavaScript,我們當然就可以用數(shù)組的排序方法,這篇文章主要給大家介紹了關(guān)于JS中數(shù)組隨機排序?qū)崿F(xiàn)方法的相關(guān)資料,主要包括了原地算法sort/shuffle算法,需要的朋友可以參考下2023-02-02JavaScript?函數(shù)表達式與函數(shù)聲明的用法及區(qū)別
這篇文章主要介紹了JavaScript?函數(shù)表達式與函數(shù)聲明詳析,函數(shù)表達式和函數(shù)聲明是JavaScript中創(chuàng)建函數(shù)的兩種方法,下面文章具體的相關(guān)內(nèi)容介紹,需要的小伙伴可以參考一下2022-06-06