Javascript 加载内容和分离内容V/S加载iframe？

我正在使用jquery，我遇到了一个问题，即从服务器加载内容，将内容与页面上已有的其他内容分离，然后在加载内容（来自服务器）后立即执行一些dom操作

我遇到的问题是一些css样式被覆盖了

我面临两种情况：

1）据我所知，您可以使用jquery load（）方法从服务器加载内容，然后提供一个回调，该回调将在内容加载完成时运行。但是，我无法将内容样式和一些javascript函数从运行中分离出来

以下是我正在使用的jquery代码：

$('#ContentIn').load('the_url_of_the_content_to_load', callback_function_to_run())

但在情况一中，我无法将服务器上的内容与页面上已有的内容分开。

2）然后我尝试使用类似这样的iframe：

$('#ContentIn').append( '<iframe src="' + object.responseJSON.the_url + '"></iframe>' );

$（'#ContentIn'）。追加（''）；

请注意，我使用Ajax获取url，然后成功地将iframe注入到当前页面的主体中

但是在第二种情况下，我无法在iframe加载完内容后立即运行函数。

希望得到答案,

嗯

你可以试试这个：-

$('#ContentIn').append( '<iframe onload="myfunction()" src="' + object.responseJSON.the_url + '"></iframe>' );

function myfunction()
{
//write your code here
}

$（'#ContentIn'）。追加（''）；
函数myfunction（）
{
//在这里编写代码
}

谢谢您，但您的代码并不是完全在我这边运行。它正在调用函数，但控制台显示myfunction未定义请确保在同一页面上添加iframe和myfunction