javascript - 使用jquery中load載入另一個html頁面，能操作另一個頁面中元素麼

Question

使用jquery中load載入另一個html頁面，能操作另一個頁面中元素麼

大家讲道理 · Answer

如果想要在本頁面中，完整的載入一個子頁面話，不建議直接load到本頁面的元素上的哦；

你看這種解決方案會不會好一點：

一般做法是，先把這個子頁面，透過修改src屬性，載入在iframe裡（這樣子頁面和母頁面都有各自獨立的作用域，最大限度的減少各種衝突）；

下一步就是取得iframe子頁面中的window對象，以後就可以透過這個子頁面的window對象，取得子頁面對應的元素並且進行操作咯：

// 获取iframe子页面的window对象
var iframeWindow = document.getElementById('iframe的id').contentWindow;
// 获取子页面的元素
var element = iframeWindow.document.getElementById('子页面中某个元素的id');

// jquery版
var iframeWindow = $('iframe的选择器').prop('contentWindow');
var element = $(iframeWindow).find('要获取元素的选择器');

巴扎黑 · Answer

index是被load的頁面




    
    Title



  我是load页面

test是執行load的頁面




    
    Title

天蓬老师 · Answer

你load完就可以隨便操作了。