Javascript 从html标记获取数据<；img>；然后转到另一页

如您所见，我正在尝试获取html标记的数据，该标记是

，因此当我将图像拖放到我的
centerbox
时，它会转到特定页面

问题是，它只指向第一个if语句中的第一个链接，即
“subpages/rice1.htm”
。其他的如果不起作用


函数doFirst（）{
mypic=document.getElementById（'img1'）；
mypic.addEventListener（“dragstart”，startDrag，false）；
mypictwo=document.getElementById（'img2'）；
mypictwo.addEventListener（“dragstart”，startDrag2，false）；
myPictThre=document.getElementById（'img3'）；
MyPictThree.addEventListener（“dragstart”，startDrag3，false）；
mypicfour=document.getElementById（'img4'）；
mypicfour.addEventListener（“dragstart”，startDrag4，false）；
centerbox=document.getElementById（“mainbox”）；
addEventListener（“dragenter”，函数（e）{e.preventDefault（）；}，false）；
addEventListener（“dragover”，函数（e）{e.preventDefault（）；}，false）；
centerbox.addEventListener（“drop”，drop，false）；
}
//--------------startDrag函数-----------------------//
功能启动图（e）{
var代码=“”；
e、 dataTransfer.setData（'文本'，代码）；
}
功能启动图2（e）{
var代码=“”；
e、 dataTransfer.setData（'文本'，代码）；
}
功能启动图3（e）{
var代码=“”；
e、 dataTransfer.setData（'文本'，代码）；
}
功能启动图4（e）{
var代码=“”；
e、 dataTransfer.setData（'文本'，代码）；
}
//--------------下降函数-----------------------//
函数删除（e）{
e、 预防默认值（）；
centerbox.innerHTML=e.dataTransfer.getData（'Text'）；
centerbox.getElementsByTagName（“img”）[0].style.width=“500px”；
centerbox.getElementsByTagName（“img”）[0].style.height=“500px”；
}
函数删除（事件）{
}
//--------------按钮功能-----------------------//
函数doFunction（）{
如果（确认（“你确定要用酱汁吗？”）{
if（centerbox.src==“images/rice1.png”）{
window.location.href=“subpage/rice1.htm”；
}
else if（centerbox.src==“images/rice2.png”）{
window.location.href=“subpage/rice2.htm”；
}
else if（centerbox.src==“images/rice3.png”）{
window.location.href=“subpage/rice3.htm”；
}
}
}
函数重载页面（）{
如果（确认（“您确定要去除酱汁？”）{
window.location.reload（）；
}
}
window.addEventListener（“加载”，doFirst，false）

糖醋
肉汁
咸蛋
东方酱
你确定要用酱汁吗？
您的比较不正确。请使用双等分或三等分。您正在为src赋值

if(centerbox.src=="images/rice1.png"){ // same for other is/else blocks

了解更多关于等分的信息

在代码中，将“images/rice1.png”指定给
centerbox.src
，然后选中
if（centerbox.src）
。在javascript中，如果（“某物”）
被求值为true，那么它就不会转到
else if
块。
使用double或triple
=
操作符进行比较，比如

if(centerbox.src == "images/rice1.png")

单个
=
用于赋值

function doFunction(){
    if (confirm("Are you sure with the sauce?")) {
        if(centerbox.src == "images/rice1.png") {
            window.location.href = "subpages/rice1.htm";
        }
        else if (centerbox.src == "images/rice2.png") {
            window.location.href = "subpages/rice2.htm";
        }
        else if (centerbox.src == "images/rice3.png") {
            window.location.href = "subpages/rice3.htm";    
        }
    }
}

更新：

您正在尝试访问
div的
src
属性，而不是
img

创建
img
tag的新var，
centerimg=document.getElementById（“centerimg”）在
doFirst（）方法中

.src
返回图像源的完整
url
。将图像与完整路径进行比较
下面是更新后的代码片段


函数doFirst（）{
mypic=document.getElementById（'img1'）；
mypic.addEventListener（“dragstart”，startDrag，false）；
mypictwo=document.getElementById（'img2'）；
mypictwo.addEventListener（“dragstart”，startDrag2，false）；
myPictThre=document.getElementById（'img3'）；
MyPictThree.addEventListener（“dragstart”，startDrag3，false）；
mypicfour=document.getElementById（'img4'）；
mypicfour.addEventListener（“dragstart”，startDrag4，false）；
centerbox=document.getElementById（“mainbox”）；
addEventListener（“dragenter”，函数（e）{e.preventDefault（）；}，false）；
addEventListener（“dragover”，函数（e）{e.preventDefault（）；}，false）；
centerbox.addEventListener（“drop”，drop，false）；
centerimg=document.getElementById（“centerimg”）；//添加此
}
//--------------startDrag函数-----------------------//
功能启动图（e）{
var代码=“”；
e、 dataTransfer.setData（'文本'，代码）；
}
功能启动图2（e）{
var代码=“”；
e、 dataTransfer.setData（'文本'，代码）；
}
功能启动图3（e）{
var代码=“”；
e、 dataTransfer.setData（'文本'，代码）；
}
功能启动图4（e）{
var代码=“”；
e、 dataTransfer.setData（'文本'，代码）；
}
//--------------下降函数-----------------------//
函数删除（e）{
e、 预防默认值（）；
centerbox.innerHTML=e.dataTransfer.getData（'Text'）；
centerbox.getElementsByTagName（“img”）[0].style.width=“500px”；
centerbox.getElementsByTagName（“img”）[0].style.height=“500px”；
}
函数删除（事件）{
}
//--------------按钮功能-----------------------//
函数doFunction（）{
如果（确认（“你确定要用酱汁吗？”）{
如果（centerimg.src==”http://stacksnippets.net/images/center.png") {
window.location.href=“subpage/rice1.htm”；
}
否则如果（centerimg.src==”http://stacksnippets.net/images/center.png") {
window.location.href=“subpage/rice2.htm”；
}
否则如果（centerimg.src==”http://stacksnippets.net/images/center.png") {
window.location.href=“subpage/rice3.htm”；
}
}
}
函数重载页面（）{
如果（确认（“您确定要去除酱汁？”）{
window.location.reload（）；
}
}
window.addEventListener（“加载”，doFirst，false）