仅使用Javascript的多个窗口onload函数
我有一个外部JS文件,它在页面中添加了window.onload函数 基本前提是,每当用户单击某个链接类时,它就会在您的网站上加载一个弹出窗口。它是用PHP/JS编写的,因此假设函数本身可以工作 在这个JS文件中有以下代码仅使用Javascript的多个窗口onload函数,javascript,Javascript,我有一个外部JS文件,它在页面中添加了window.onload函数 基本前提是,每当用户单击某个链接类时,它就会在您的网站上加载一个弹出窗口。它是用PHP/JS编写的,因此假设函数本身可以工作 在这个JS文件中有以下代码 window.onload = function() { var anchors = document.getElementsByClassName("vyper-triggers"); for (var i = 0; i < anchors.length; i
window.onload = function() {
var anchors = document.getElementsByClassName("vyper-triggers");
for (var i = 0; i < anchors.length; i++) {
var anchor = anchors[i];
anchor.onclick = function() {
if (isMobile.any()) {
window.open("$url");
} else {
document.getElementById("clickonthis").click();
}
}
}
}
window.onload=function(){
var anchors=document.getElementsByClassName(“vyper触发器”);
对于(var i=0;i
现在我的问题是,当我的用户想要添加两个不同的弹出窗口时,window.onload函数不会堆叠。另外,因为这是一个嵌入式javascript,我的用户自己添加,所以我无法将这两个函数放在一个大window.onload函数中
我的用户可能会把一个JS文件放在他们站点的一个区域,而另一个JS文件放在另一个区域,如果这有意义的话
那么,我如何使window.onload函数能够堆叠,而不管这些外部JS文件在页面上的位置如何,并且考虑到每个函数必须保持独立?而不是设置
window.onload
,您应该使用。以这种方式添加的侦听器将自动堆叠
window.addEventListener('load',function(){
log(“第一个侦听器”);
});
addEventListener('load',function()){
log('secondlistener');
});
addEventListener('load',function()){
log(“第三个侦听器”);
});代码>使用适当的窗口。addEventListener(“加载”,…)
:我听说这不适用于IE,是真的吗?是的。如果你是指很久以前就灭绝了的古代网络探险家,它的作用就像一种魅力。谢谢