![](/img/trans.png)
[英]Why does this Javascript work in Firefox, but not Internet Explorer?
[英]Javascript does not work in Internet Explorer 8
我有一个javascript要求用户确认他们想要离开我的网站。 这是它的样子:
function confirmLeave()
{
if(confirm("Do you want to leave my webpage?")) {
return true;
} else {
if(window.event) {
window.event.returnValue = false;
} else {
e.preventDefault();
}
return false;
}
}
function initiate ()
{
var links = document.getElementsByClassName("external-link");
for (var i = 0; i < links.length; i++) {
links[i].onclick = confirmLeave;
}
}
window.onload = initiate;
它适用于Firefox和Chrome,但不适用于IE8。 我知道document.getElementsByClassName
不起作用,我试图使用document.getElementsbyTakeName
重新制作我的代码但是没有让它工作。 这就是我想出的:
function confirmLeave()
{
if(confirm("Do you want to leave my webpage?")) {
return true;
} else {
if(window.event) {
window.event.returnValue = false;
} else {
e.preventDefault();
}
return false;
}
}
funciton initiate ()
{
if(document.getElementsByClassName)
{
var links = document.getElementsByClassName("external-link");
for (var i = 0; i < links.length; i++) {
links[i].onclick = confirmLeave;
}
} else {
var links = document.getElementsByTagName("external-link");
for (var i = 0; i < links.length; i++) {
links[i].onclick = confirmLeave;
}
}
}
window.onload = initiate;
external-link
是我用于离开我的网页的链接的类。
尝试使用document.querySelectorAll(".external-link")
考虑包括jQuery库,如果这对你来说是一个可行的选择。 那么你可以这样写:
$('.external-link').click(function() { confirmLeave() });
这里的问题是document.getElementsByTagName()
接受一个元素作为它的输入,例如div
, span
或a
。 external-link
不是一个元素,所以它永远不会返回任何东西。
对于IE8,您可以使用document.querySelectorAll(".external-link")
。 它需要一个CSS选择器作为它的输入。
如果您还需要支持旧版浏览器,可以尝试使用https://gist.github.com/2397759这是一个polyfill,使getElementsByClassName
可以在本机不支持它的浏览器上运行。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.