【问题标题】:JavaScript Uncaught ReferenceError only in ChromeJavaScript Uncaught ReferenceError 仅在 Chrome 中
【发布时间】:2016-05-10 23:06:47
【问题描述】:

我的朋友使用 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 is not defined。我遵循脚本中的“src”路径以确保在此处定义了 fadeSlideShow 函数,并且我确认它是。因此,我不明白为什么会出现此错误,尤其是因为其他浏览器按预期显示幻灯片。

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

谢谢!

【问题讨论】:

  • 您正在混合使用 http 和 https。这是一个糟糕的组合!
  • 感谢您的评论,epascarello。我以后一定会注意这一点的。

标签: javascript google-chrome


【解决方案1】:

我也收到此警告:

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

因为您的页面是使用“https”请求的,但您将资源包含在“http”中。尝试将您的 &lt;script&gt; 更改为:

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

请注意缺少“http:”。这将使用与您的页面相同的协议请求外部资源。

以下是关于无协议 URL 的一些信息:

【讨论】:

  • 非常感谢您的详细回复,伊恩。我尝试从“src”路径中删除“http”,但不幸的是,除了“未捕获的 ReferenceError”之外,我现在还收到“加载资源失败”错误,而且我仍然看不到 Chrome 中的幻灯片。我可能只是寻找一种不同的方法来做到这一点。不过,我感谢您的帮助!
  • @ChiWhiteSox56 你删除了“http:”还是“http”? URL 需要以“//”开头
  • 我是这样做的:
  • @ChiWhiteSox56 是的,效果很好。我可以在我的浏览器中看到它很好。你在看控制台吗?我收到了其他几个不相关的错误
  • @ChiWhiteSox56 实际上,您的页面有两个对同一个库的引用。一种是本地版本,一种是外部版本。并且外部版本的 URL 没有改变
猜你喜欢
  • 2017-10-30
  • 1970-01-01
  • 1970-01-01
  • 2020-04-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-05
  • 2015-04-30
相关资源
最近更新 更多