怎么用JS控制iframe的src

 我来答
前端哈哈哈
2015-08-21 · 超过40用户采纳过TA的回答
知道小有建树答主
回答量:71
采纳率:0%
帮助的人:57.5万
展开全部

1、iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

2、代码测试如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
$('#submit').click(function(){
var src = $('#srcTest').val();
$('#test').attr('src',src);
});
})

</script>

</head>

<body>
<p>
请输入你需要的src:<input id="srcTest"/>
<input id="submit" type="button" value="提交"/>
</p>
<iframe id="test" src="01.html"></iframe>
</body>
</html>
longxinwu888
2015-08-11 · TA获得超过134个赞
知道小有建树答主
回答量:171
采纳率:100%
帮助的人:101万
展开全部
iframe标签设置 id=“id”;document.getElementById("id").src = "你想要的内容";
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lswuzeru
2014-10-26 · 超过50用户采纳过TA的回答
知道小有建树答主
回答量:104
采纳率:100%
帮助的人:87万
展开全部
var iFrameElem = document.getElementById('test');
iFrameElem.src = ''
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
shaqueoneal
2015-07-23 · TA获得超过168个赞
知道小有建树答主
回答量:263
采纳率:0%
帮助的人:138万
展开全部
$(iframe).attr("src", url);
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式