小编Ala*_*ust的帖子

添加Javascript按钮以更改iframe的内容

我正在尝试创建此页面,其中我有一个iframe,我想添加一个按钮来显示iframe中的下一页,以及一个按钮,用于显示iframe中的上一页.

我总共有4页在iframe中显示名为1.html 2.html 3.html 4.html,我希望按钮工作从1到4然后再回到1等等.

草图是这样的:

            _________
           | IFRAME  |
           |         |
           ___________


    <<previous       Next >>
Run Code Online (Sandbox Code Playgroud)

这是我用来更改iframe内容的简单脚本

这是iframe/Button /功能.

<iframe id="screen" width="609" scrolling="no" height="410" frameborder="0" align="middle" name="canal" src="1.html"></iframe>


<input type="button" onclick="content2()" class="butonactual" value="See 2">

<script> function content2() { document.getElementById('screen').src = "2.html"; } </script>    
Run Code Online (Sandbox Code Playgroud)

谢谢

html javascript iframe jquery button

5
推荐指数
1
解决办法
5707
查看次数

标签 统计

button ×1

html ×1

iframe ×1

javascript ×1

jquery ×1