如何使用javascript更改iframe的src？

我正在尝试创建一个函数来更改iframe的src。 我创建了四个位置的url数组。 但我不知道是否必须使用const matches=document.querySelectorAlliframe[data src]；或者一个document.getElementById'myIframe'.src。 总的来说，我在编码方面还是个新手。 每一个建议都将受到欢迎

HTML

Javascript

function maps(){
var mapsArray = [
"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d209569.44700750793!2d-56.380275318336025!3d-34.84309361411796!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x959f802b6753b221%3A0x3257eb39860f05a6!2sPalacio%20Salvo!5e0!3m2!1sen!2suy!4v1614269355326!5m2!1sen!2suy",
"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d92110.09563909167!2d17.958933187703266!3d59.32686333113927!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x465f763119640bcb%3A0xa80d27d3679d7766!2sStockholm%2C%20Sweden!5e0!3m2!1sen!2suy!4v1614704350417!5m2!1sen!2suy",
"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d88989.45462143555!2d15.9390973!3d45.8128514!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4765d701f8ef1d1d%3A0x312b512f1e7f6df9!2sCathedral%20of%20Zagreb!5e0!3m2!1sen!2suy!4v1614704668458!5m2!1sen!2suy",
"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6709.917127499258!2d-78.51409209928569!3d0.3576385746900253!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e2a5da2881494ab%3A0xae89047fc027c897!2sapuela%20imbabura%20intac!5e0!3m2!1sen!2suy!4v1614704741586!5m2!1sen!2suy"

];
document.getElementById('myIframe').src = maps[Math.floor(Math.random() * maps.length)];

}

---

只要确保变量名是一致的，并且确实在某处调用了函数

您将myiframe和myiframe作为帧ID，并且在映射中定义了mapsArray，但随后尝试将其作为映射访问

函数映射{ var mapsArray=[ https://www.google.com/maps/embed?pb=！1m18！1m12！1m3！1d209569.44700750793！2d-56.380275318336025！3d-34.84309361411796！2m3！1f0！2f0！2f0！3m2！1i1024！2i768！4f13.1！3m3！1m2！1s0x959f802b6753b221%3A0x3257eb39860f05a6！2SPLACIO%20Salvo！5e0！3m2！1sen！2V16142355326！5m2！2SEN！2suy， https://www.google.com/maps/embed?pb=！1m18！1m12！1m3！1d92110.09563909167！2d17.958933187703266！3d59.3268633113927！2m3！1f0！2f0！2f0！3m2！1i1024！2i768！4f13.1！3m3！1m2！1s0x465f763119640bcb%3A0xa80d27d3679d7766！2SDHOM%2C%20WEDEN！5e0！3m2！1sen！2suy！4V1614700417！5m2！2SEN！2suy， https://www.google.com/maps/embed?pb=！1m14！1m8！1m3！1d88989.45462143555！2d15.9390973！3d45.8128514！3m2！1i1024！2i768！4f13.1！3m3！1m2！1S0X4765D701F8EF1D%3A0X312B512F17F6DF9！2SEN！2suy！4v1614704668458！5m2！1sen！2suy， https://www.google.com/maps/embed?pb=！1m18！1m12！1m3！1d6709.9171274992558！2d-78.514092099258569！3d0.3576385746900253！2m3！1f0！2f0！3m2！1i1024！2i768！4f13.1！3m3！1m2！1s0x8e2a5da2881494ab%3A0SAE89047FC027C897！2sapuela%20imbabura%20intac！5e0！3m2！1sen！2f0！3m2！4V16147041586！5m2！1sen！2suy ]; document.getElementById'myIframe'.src=mapsArray[Math.floorMath.random*mapsArray.length]； } 地图；

---

既然你有身份证，就用它吧。此外，id名称之间也存在差异。在JS中，键入myIframe，而HTML使用myIframe。资本化很重要，我确定了资本化。谢谢但是我不知道如何适当地使用这个函数来更改src。谢谢你的回复……但是我仍然很难在我的iframeWell中更新我的url，@Alesito，它在上面的代码片段中工作。如果你仍然有问题，你需要解释你遇到了什么样的问题，而不是期望我们猜测。因为我想使用“下一个”和“上一个”按钮来更改每个位置。好的，那就是从数组中为“下一个”和“上一个”按钮选择一个特定元素，而不是随机选择一个；如果你在这方面有困难，也许值得把它作为一个单独的问题打开，因为这个问题没有提到它。