JavaScript Uncaught ReferenceError 仅在 Chrome 中

Question

我的 friend 使用 GoDaddy.com 的网站生成器构建了一个网站，他要求我向其中添加一个简单的幻灯片。在 JavaScript 方面，我算是个新手，但我发现了一些代码，我可以修改这些代码来创建他想要的东西。 (我找到的代码在这里:http://www.2createawebsites.com/image-slide-show-2.php)我修改后的代码如下:

<script type="text/javascript" src="http://www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js"></script>   
<script type="text/javascript">  
var mygallery = new fadeSlideShow({
    wrapperid: "fadeshow2",
    dimensions: [645, 300],
    imagearray: [
        ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6OWY4NjEzNjA4NWIxMjIwZWRiZDM3YjYxZDAxZWUyMTU=?uid=0eb2a385-f05b-4183-84fb-f593b956edfe", "https://appelbrassandwoodwind.com/Schedule_Repair.html", "_new"],
        ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6Y2UzNTg1M2MwOWNlZTFlN2I3OTI4OWEwMDhlM2Y1YmU=?uid=4dcdb1ea-535a-45b3-9cdf-e449f7a6ffde", "https://appelbrassandwoodwind.com/Instrument_Purchase.html", "_new"],
        ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6MWJlOWNmMjkzNzc0MmE4MGI3ODlhZGYyZWQyZmJjYjQ=?uid=f87212cc-b629-474f-a4a9-7f56de88c1fc", "https://appelbrassandwoodwind.com/Instrument_Rental.html", "_new"],
        ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6MDY3OWRiNDU3Yzg0YzMxNjIxMGY0YjMwNDk4ZDcwZjE=?uid=ab991519-85e4-4a5e-aea4-d6448f0d6708", "https://appelbrassandwoodwind.com/Beginner_Layaway.html", "_new"],
        ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6YmE1N2Q0YmE0Y2RlMjQzNjRiMDg4MGYwZWUwZDg5YmU=?uid=f8e39740-fe7b-4d3d-a371-b23a89056651", "https://appelbrassandwoodwind.com/Teacher_List.html", "_new"]
    ],
    displaymode: {
        type: 'auto',
        pause: 2500,
        cycles: 0,
        wraparound: false
    },
    persist: false, //remember last viewed slide and recall within same session?   
    fadeduration: 1500, //transition duration (milliseconds)  
    descreveal: "ondemand",
    togglerid: ""
})
 </script>

<div id="fadeshow2"></div>

生成的幻灯片可以在“主页”文本下方查看 ( https://appelbrassandwoodwind.com/ )。幻灯片放映在 IE、FireFox 和 Safari 中完美运行，但在 Chrome 中不起作用。当我在 Chrome 中按 F12 并转到控制台时，我收到以下消息: Uncaught ReferenceError :fadeSlideShow 未定义。我按照脚本中的“src”路径来确保 fadeSlideShow 函数在那里定义，并且我确认它是这样的。因此，我不明白为什么会收到此错误，特别是因为其他浏览器按预期显示幻灯片。

我对这个问题进行了广泛的搜索，虽然我发现其他人也遇到了这个问题，但要么没有提供解决方案，要么提供的解决方案超出了我的能力范围。任何帮助将不胜感激。

谢谢!

Answer 1

我也收到此警告:

[blocked] The page at https://appelbrassandwoodwind.com/ ran insecure content from http://www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js.

因为您的页面是通过“https”请求的，但您使用“http”包含资源。尝试更改您的 <script>成为:

<script type="text/javascript" src="//www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js"></script>

请注意缺少“http:”。这将请求与您的页面具有相同协议(protocol)的外部资源。

以下是有关无协议(protocol) URL 的一些信息:

• Can I change all my http:// links to just //?
• Is it valid to replace http:// with // in a <script src="http://...">?