在 iframe /Javascript 中更改 src

Change src in iframe /Javascript

本文关键字：src Javascript iframe      更新时间：2023-09-26

我有问题

我对Javascript了解不多，只了解基础知识。我有这个代码。但是，当您从列表中选择一个选项时，请勿更改 iframe 的地址"src"。

为什么？

这段代码 Javascript

lstLinks = new Array(
"//e.issuu.com/embed.html#0/5202806",
"//e.issuu.com/embed.html#0/5203170",
"//e.issuu.com/embed.html#0/5203091",
"//e.issuu.com/embed.html#0/5203144"
); 

function changeTest ()
{ 
var Index = document.menuForm.select1.options[document.menuForm.select1.selectedIndex].value; 
document.testStar.src = lstLinks[Index]; 
}

此网页

<form action="../action/return.html" method="post" id="menuForm" name="menuForm" enctype="application/x-www-form-urlencoded">
      <select id="select1" onchange="changeTest()" name="select1">
        <option value="0" selected="selected">Escoger</option>
        <option value="1">Diapositiva 1</option>
        <option value="2">Diapositiva 2</option>
        <option value="3">Diapositiva 3</option>
      </select>
    </form>
       <iframe id="testStar" name="testStar" width="170" height="205" src="//e.issuu.com/embed.html#0/5203197" frameborder="0" allowfullscreen></iframe>

此演示： http://jsfiddle.net/VzJNt/1/

我建议你使用：

document.getElementById("testStar").src = lstLinks[Index];

因为这是获取对具有 id 的项目的 DOM 引用的跨浏览器方式。

您还应该检查浏览器的错误控制台，并查看页面加载和/或更改选择时报告了哪些 javascript 错误。

相关文章：