Javascript 拒绝工作

我制作了一个练习网页来熟悉HTML和CSS

它的所有功能都正常工作，除了弹出窗口，它拒绝在Chrome和Opera中启动，原因不明（无法在Firefox中测试，因为图像无法加载，可能是因为它们直接从我的计算机中取出，因为我懒得将它们上传到互联网）

根据Chrome的说法，Javascript函数并没有定义——但它确实定义了。这是怎么回事

如果有人想知道，弹出窗口在其他空白页面上可以正常工作-只有当我把它放在预期页面上时，它才有问题

另外：如果有一种方法可以整合图像的所有代码，那就太棒了

代码如下：

函数openClosePopup（）{ var popup=document.getElementById（“myPopup”）； popup.classList.toggle（“显示”）； }

#容器{
宽度：968px；
保证金：0px自动；
边框：2个实心#e6；
}
#标题{
背景：#181818；
高度：78px；
宽度：968px；
}
.标志{
显示：块；
边际：0px；
文本对齐：居中；
}
#导航栏{
背景：黑色；
高度：25px；
宽度：968px；
边框顶部：2个实心#e6；
边框底部：2个实心#e6；
文本对齐：居中；
}
#纳瓦尔{
垫面：4px；
边际：0px；
列表样式：无；
}
#李国宝{
显示：内联；
}
保险商实验室{
列表样式：无；
}
#navbar ul li a{
文字装饰：无；
利润率：20px；
颜色：#E6；
}
#导航栏ul li a：悬停{
字体大小：粗体；
颜色：白色；
}
#内容{
背景#090909 ;；
宽度：968px；
高度：4080px；
}
.popup.popupContent{
可见性：隐藏；
宽度：100%；
身高：100%；
顶部：0px；
左：0px；
背景色：rgba（0,0,0,0.5）；
位置：固定；
z指数：1；
保证金：0；
}
/*单击弹出窗口容器时切换此类（隐藏并显示弹出窗口）*/
.popup.show{
能见度：可见；
-网络工具包动画：Fadein1s；
动画：Fadein1s
}
#MV，
#圆周率{
背景：黑色；
高度：25px；
宽度：968px；
边框顶部：2个实心#e6；
边框底部：2个实心#e6；
边缘顶部：5px；
文本对齐：居中；
}
#MV ul{
垫面：4px；
边际：0px；
列表样式：无；
}
真的{
位置：绝对位置；
利润上限：3倍；
左边距：75px；
}
傻瓜{
位置：绝对位置；
利润上限：3倍；
左边距：279px；
}
假肢{
位置：绝对位置；
利润上限：3倍；
左边距：483px；
}
婴儿{
位置：绝对位置；
利润上限：3倍；
左边距：687px；
}
发出指令{
位置：绝对位置；
利润上限：311亿美元；
左边距：75px；
}
img.ImYoung{
位置：绝对位置；
利润上限：311亿美元；
左边距：279px；
}
img.ImHim{
位置：绝对位置；
利润上限：311亿美元；
左边距：483px；
}
空的{
位置：绝对位置；
利润上限：311亿美元；
左边距：687px；
}
彩色环{
位置：绝对位置；
利润上限：618px；
左边距：380px；
}
真的，
我是傻瓜，
img.Body，
宝贝先生，
发出指令，
img.ImYoung，
img.ImHim，
img.ColorRing，
空的{
不透明度：0.5；
}
想象一下，真的：悬停{
不透明度：1.0；
}
傻瓜：悬停{
不透明度：1.0；
}
身体：悬停{
不透明度：1.0；
}
宝贝：悬停{
不透明度：1.0；
}
已发送图像：悬停{
不透明度：1.0；
}
伊姆扬：悬停{
不透明度：1.0；
}
伊姆格，伊姆希姆：悬停{
不透明度：1.0；
}
图像着色环：悬停{
不透明度：1.0；
}
img.Empty：悬停{
不透明度：1.0；
}
#圆周率{
位置：绝对位置；
顶部：1072px；
}
#皮乌尔{
垫面：4px；
边际：0px；
列表样式：无；
}
保险商实验室{
列表样式：无；
利润率：20px；
颜色：#E6；
文本转换：大写；
}
#第2节{
位置：相对位置；
边缘顶端：33像素；
}
伊姆格·法特努米因奇尔{
位置：绝对位置；
左边距：75px；
页边顶部：925px；
}
法特努米恩西奇：悬停{
不透明度：1.0；
}
img.fatenum概念{
位置：绝对位置；
左边距：279px；
页边顶部：925px；
}
img.fatenum概念：悬停{
不透明度：1.0；
}
傻瓜海报{
位置：绝对位置；
左边距：483px；
页边顶部：925px；
}
傻瓜图片海报：悬停{
不透明度：1.0；
}
真实海报{
位置：绝对位置；
左边距：687px；
页边顶部：925px；
}
img.ReallyReally海报：悬停{
不透明度：1.0；
}
img.fatenumcovstease{
位置：绝对位置；
左边距：75px；
利润上限：1229px；
}
动画：悬停{
不透明度：1.0；
}
出口{
位置：绝对位置；
左边距：279px；
利润上限：1229px；
}
模拟出口：悬停{
不透明度：1.0；
}
img.Babyx2Poster{
位置：绝对位置；
左边距：483px；
页边空白：1231px；
}
图像Babyx2Poster：悬停{
不透明度：1.0；
}
img.ImYoungPoster{
位置：绝对位置；
左边距：687px；
利润上限：1233px；
}
img.ImYoungPoster:悬停{
不透明度：1.0；
}
海报{
位置：绝对位置；
左边距：75px；
利润上限：1533px；
}
海报：悬停{
不透明度：1.0；
}
预释放{
位置：绝对位置；
左边距：279px；
利润上限：1537px；
}
图像预释放：悬停{
不透明度：1.0；
}
img.EXITRACK{
位置：绝对位置；
左边距：483px；
利润上限：1539px；
}
模拟EXITRACK：悬停{
不透明度：1.0；
}
刺痛{
位置：绝对位置；
左边距：687px；
页边顶部：1541px；
}
刺伤：悬停{
不透明度：1.0；
}
进出口计划{
位置：绝对位置；
左边距：75px；
边缘顶部：1841px；
}
模拟出口计划：悬停{
不透明度：1.0；
}
img.ExitNewRelease{
位置：绝对位置；
左边距：279px；
页边空白：1845px；
}
img.ExitNewRelease:悬停{
不透明度：1.0；
}
img.首映式{
位置：绝对位置；
左边距：483px；
边缘顶端：1847px；
}
img.dimension首映式：悬停{
不透明度：1.0；
}
img.imhim海报{
位置：绝对位置；
左边距：687px；
边缘顶部：1849px；
}
img.imhim海报：悬停{
不透明度：1.0；
}
img.DebutMV{
位置：绝对位置；
左边距：75px；
利润上限：2149px；
}
img.DebutMV：悬停{
不透明度：1.0；
}
img.SSTracklist{
位置：绝对位置；
左边距：279px；
利润上限：2149px；
}
img.SSTracklist：悬停{
不透明度：1.0；
}
首次亮相{
P