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完就可以随便操作了。