HTML+JS 如何用按扭实现Iframe.src切换

<iframeid="USERPIC"src="1.html"></iframe><inputtype="button"onclick="PicGo()"/><scrip... <iframe id="USERPIC" src="1.html"></iframe>
<input type="button" onclick="PicGo()" />
<script language="javascript" >
function PicGo(){
document.getElementById('USERPIC').src='2'html';
}
</script>

上面的代码只能做到点了按扭后切到2.html
如果我有10个html..如何按顺序切换,意思就是比如现在是1.htm
按了按扭后就是2.html,在按就是3.htm..类似翻页功能的。
展开
 我来答
tianlidon
2015-12-30 · TA获得超过1219个赞
知道小有建树答主
回答量:676
采纳率:85%
帮助的人:104万
展开全部

用js改变iframe的地址;

<html>

<head>

<title> Title </title>

</head>

<body>

<iframe  width="760" height="690" src="http://www.baidu.com" name="frm1" id="frm1"></iframe>

<br>

<script language="JavaScript">

function changesrc(link)

{

  document.getElementById("frm1").src=link;

}

</script>

<input type="button" value="http://zhidao.baidu.com/" onclick="changesrc('http://zhidao.baidu.com/')">

</body>

</html>


磨贤凌谷菱
2020-07-08 · TA获得超过3741个赞
知道大有可为答主
回答量:3032
采纳率:28%
帮助的人:175万
展开全部
<iframe
id="USERPIC"
src="1.html"></iframe>
<input
type="button"
onclick="PicGo()"
/>
<script
language="javascript"
>
var
i=1;
function
PicGo(){
document.getElementById('USERPIC').src=i+".html";
i++;
if
(i==11){i=1;}
}
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
宗添贰亮
2019-03-10 · TA获得超过3614个赞
知道大有可为答主
回答量:3088
采纳率:32%
帮助的人:172万
展开全部
<iframe
id="USERPIC"
src="1.html"></iframe>
<input
type="button"
onclick="PicGo()"
/>
<script
language="javascript"
>
var
i=1;
function
PicGo(){
document.getElementById('USERPIC').src=i+".html";
i++;
if
(i==11){i=1;}
}
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
帐号已注销
推荐于2016-07-30 · TA获得超过1809个赞
知道大有可为答主
回答量:1971
采纳率:0%
帮助的人:2338万
展开全部
<iframe id="USERPIC" src="1.html"></iframe>
<input type="button" onclick="PicGo()" />
<script language="javascript" >
var i=1;
function PicGo(){
document.getElementById('USERPIC').src=i+".html";
i++;
if (i==11){i=1;}
}
</script>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式