Js或jQuery动态改变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="";(注,楼主没试过,楼主用的第一种);

相关推荐