为iframe页面创建上一个下一步按钮_Iframe

为iframe页面创建上一个下一步按钮

iframe

为iframe页面创建上一个下一步按钮,iframe,Iframe,这个主题可能有很多代码，但我似乎在寻找一个不是基于历史的变体，是否可能所以我有这个密码 <script type="text/javascript"> var pages=new Array(); pages[0]="listItem1.html"; pages[1]="listItem2.html"; pages[2]="listItem3.html"; pages[3]="listItem4.html"; pages[4]="listItem5.html"; var i=0

这个主题可能有很多代码，但我似乎在寻找一个不是基于历史的变体，是否可能

所以我有这个密码

<script type="text/javascript">
var pages=new Array();

pages[0]="listItem1.html";
pages[1]="listItem2.html";
pages[2]="listItem3.html";
pages[3]="listItem4.html";
pages[4]="listItem5.html";

var i=0;
var end=pages.length;
end--;
function changeSrc(operation) {
if (operation=="next") {
if (i==end) {
  document.getElementById('the_iframe').src=pages[end];
  i=0;}
else {
  document.getElementById('the_iframe').src=pages[i];
  i++;}}
if (operation=="back") {
if (i==0) {
  document.getElementById('the_iframe').src=pages[0];
  i=end;}
else {
  document.getElementById('the_iframe').src=pages[i];
  i--;}}}
</script>
</head>

<body>

<ul id="menu" role="group">

<li><a href="listItem1.html" target="ifrm" role="treeitem">Welcome</a>
  <ul>
    <li><a href="listItem2.html" target="ifrm" role="treeitem">Ease of Access Center</a></li>
  </ul>
</li>    

<li><a href="listItem3.html" target="ifrm">Getting Started</a>
  <ul>      
    <li><a href="listItem4.html" target="ifrm">Considerations</a></li>
    <li><a href="listItem5.html" target="ifrm">Changing Perspective</a></li>
  </ul>
</li>
</ul>


<iframe id="the_iframe" scrolling="no" src="listItem1.htm" name="ifrm" style="width:540px;></iframe>


<input type="button" onClick="changeSrc('back');" value="Back" />
<input type="button" onClick="changeSrc('next');" value="Next" />


var pages=新数组（）；
页面[0]=“listItem1.html”；
页面[1]=“listItem2.html”；
页面[2]=“listItem3.html”；
页面[3]=“listItem4.html”；
页面[4]=“listItem5.html”；
var i=0；
var end=pages.length；
结束--；
函数更改（操作）{
如果（操作==“下一步”）{
如果（i==结束）{
document.getElementById（'the_iframe'）.src=pages[end]；
i=0；}
否则{
document.getElementById（'the_iframe'）.src=pages[i]；
i++；}}
如果（操作==“返回”）{
如果（i==0）{
document.getElementById（'the_iframe'）.src=pages[0]；
i=结束；}
否则{
document.getElementById（'the_iframe'）.src=pages[i]；
我——；}}}













我不明白您的代码：
document.getElementById（'the_iframe'）.src=pages[i]；
i++
如果要前进到下一个元素并显示它，则需要先增加i。也许我只是错过了一些东西
我认为您的问题在于，如果用户单击您的一个直接链接，而不是代码中的“下一个”和“上一个”I，则不会得到更新。因此，如果您在第2页上单击4的链接，然后单击上一步，i当前为2，而不是4。希望这对你有帮助。如果有，请确保将其标记为答案。
向每个链接标记添加一个单击事件，该事件将调用单个函数，就像您在输入标记中所做的那样。让函数获取某个数字的输入，并将该数字分配给i。应该这样做。对不起，我不能显示任何源代码，JAVASCRIPT不是我的语言。我能读，但我不敢从头开始写代码。希望这对您有所帮助。
好的，我会尝试代码，但如果关闭，请不要降低它的评级
这是可以放在changeSrc函数之前的函数：
函数更新i（value）{i=value}
这是您将添加到a标记中链接的单击事件。当然，在本例中发送给函数的4将被更改为适用于所引用的任何ListItem的值：
onClick=“UpdateI（4）”
这对你有帮助吗？
谢谢用户1739957…我想我在理论上理解了…但你的建议在脚本中是什么样的？感谢您的澄清。向每个链接标记添加一个单击事件，该事件将调用单个函数，就像您在输入标记中所做的那样。让函数获取某个数字的输入，并将该数字分配给i。我不确定这个onClick调用什么函数？