Js或jQuery动态改变iframe的src 博客分类： iframe 框架jqueryjs动态改变Iframe的目标地址
程序员文章站
2024-03-14 18:40:40
...
一丶用途
有时候，浏览器需要显示一个列表，点击列表中的某一个，下方的显示也随之而改变，显示当前选中的信息，如果下面显示的信息量较少还可以用Ajax动态改变HTML来实现异步刷新，但要是显示的很多呢，这样动态改变代码就显得不切实际了，这时候可以用到Iframe子框架，在父页面点选其中一个时，将选中的值作为参数，并重新生成Iframe的src，这就是动态改变Iframe的指向地址。
二丶用法
1，给Iframe一个ID，用js或jQuery获取dom元素的方法获取，并改变它的目标地址
即：document.getElementById("Iframe").src="";或$("#Iframe").attr("src","");
2，document.frames("Iframe").src="";(注，楼主没试过，楼主用的第一种);
有时候，浏览器需要显示一个列表，点击列表中的某一个，下方的显示也随之而改变，显示当前选中的信息，如果下面显示的信息量较少还可以用Ajax动态改变HTML来实现异步刷新，但要是显示的很多呢，这样动态改变代码就显得不切实际了，这时候可以用到Iframe子框架，在父页面点选其中一个时，将选中的值作为参数，并重新生成Iframe的src，这就是动态改变Iframe的指向地址。
二丶用法
1，给Iframe一个ID，用js或jQuery获取dom元素的方法获取，并改变它的目标地址
即：document.getElementById("Iframe").src="";或$("#Iframe").attr("src","");
2，document.frames("Iframe").src="";(注，楼主没试过，楼主用的第一种);