我在尝试使用 JS 加载一些 iframe 时遇到问题。
我正在创建一个应用程序,我必须在其中插入几个窗口iframe
,但是在选项中,javascript
如果我引入 2 个函数来插入 iframe(一个iframe
用于家庭,另一个用于另一个窗口),这些函数给我一个冲突
家庭 iframe 的 JS
window.onload = function(){
var link = "https://smartwateracademy.com/video/mivideo.php"
var iframe = document.createElement('iframe');
iframe.frameBorder=0;
iframe.width="75%";
iframe.height="450px";
iframe.style="position: absolute; left: 13%; margin-top: 33px;";
iframe.id="randomid";
iframe.setAttribute("src", link);
document.getElementById("video-academy").appendChild(iframe);
}
联系表格的 iframe
//Email function
window.onload = function(){
var mail = "https://smartwateracademy.com/form/formulario.html"
var form = document.createElement('iframe');
form.frameBorder=0;
form.width="75%";
form.height="750px";
form.style="position: absolute; left: 13%; margin-top: 33px;";
form.id="randomid";
form.setAttribute("src", mail);
document.getElementById("form_mail").appendChild(form);
}
把2个函数放在同一个js窗口时,如果我先放video iframe函数再放form函数,home video是看不到的对应的窗口。
有谁知道我如何在同一个 js 文件中创建 2 个 iframe,这样我就不会发生冲突并且两者都加载到各自的窗口中?
就像你这样做:
a
它总是 2,因为你会踩到值。这就是为什么它只考虑最后一个。一种方法是:
JavaScript:
jQuery:
您可以查看如何将多个函数分配给 onload 事件:Multiple onload functions
带有 iframe 的片段示例: