- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
编辑:请参阅下面我的答案,因为它现在有效:)
公平警告,我现在才用 JavaScript/JQuery 编码几个月,我觉得这只是一些我还没有掌握的简单东西。围绕 SO 和网络有很多类似的问题,但我找到的答案似乎都不适合我。
我在 <head>
中引用了一些外部 JS 文件我的 html 文件的元素...
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="javascript" src="globalVars.js"></script>
<script type="javascript" src="gatherInfo.js"></script>
</head>
我存储在 globalVars.js 中的变量工作正常。我可以毫无问题地访问它们。但是,我存储在 GatherInfo.js 中的函数显示为 Uncaught ReferenceError: functionName is not defined
在浏览器(Chrome 和 Firefox)的控制台中。
gatherInfo.js 文件只是我用来从服务器收集/解析数据的一组函数。例如,这是 GatherInfo.js 文件中的第一个函数...
var getAuthInfo = function() {
authInfo = $.ajax({
type: 'POST',
url: '/api/auth',
data: {"type": "normal", "username": loginName, "password": loginPassword},
success: setAuthToken,
error: authFail,
dataType: 'json',
async: true
});
};
如果我将函数从gatherInfo.js文件中移出,并将它们直接放入html文件中,在<body>
中元素,在 <script>
内元素,它们工作正常。
我愿意发布我尝试过的所有内容,但这会将其变成一个相当冗长的问题...所以请告诉我是否有任何其他信息有帮助。
编辑: @Derek 这会让人感到困惑,所以请耐心等待......我觉得我在这里遗漏了一些东西。
这是我的外部 JS 文件的文件大小; gatherInfo.js = 4.4KB
globalVars.js = 611B
现在,这是我在每次加载尝试时在 Chrome 开发工具的网络选项卡中看到的内容。(注意:每次尝试时我都会使用“清空缓存并硬重新加载”加载页面)
我的 src 属性设置如下 src="/globalVars.js"
和src="/gatherInfo.js"
...网络选项卡显示正在获取的文件,但是每个正在获取的文件的大小是 1.5KB,这当然不匹配。
现在,我的 src 属性设置没有前导 /
,像这样src="globalVars.js"
和src="gatherInfo.js"
...正在获取的globalVars.js 文件为912B,正在获取的gatherInfo.js 文件为4.7KB。假设稍大的文件大小只是数据包开销,看起来现在至少可以获取正确的文件了。函数调用仍报告为 not defined
不过。
从这里我开始变得非常困惑......如果我将 src 属性更改为无意义/不存在的内容,就像这样 src="/dub/mud/fub/globalVars.js"
...它仍然显示它已成功获取文件,但它们的大小又回到了 1.5KB...所以显然不是正确的文件。但它不会返回 404 not found。
更进一步,如果我将 src 属性设置为一个不存在的文件名 src="fubar.js"
...它将返回 404 未找到错误。
我不知道为什么它的行为就像是在获取 globalVars.js 和 GatherInfo.js,即使我给它一个完全不正确的路径,但它会在不存在的文件上返回 404。
编辑:我继续设置了所有 3 个文件的要点。
https://gist.github.com/Eschin/317dc67a50a1297393d0
正如你所看到的,在overview.html中,我在正文中注释掉了所有JS函数...如果我取消注释它们,它们就可以正常工作。它们在移动到 GatherInfo.js 文件时会中断,并通过脚本标记进行引用。
最佳答案
我只是猜测您遇到的问题,但是如果您的函数包含在 IIFE 中,使用 var
不会使这些变量成为全局变量。
我认为最好的想法是为您的代码添加一个全局命名空间。每个文件应具有以下模板代码:
(function(){
if ( !window.myNamespace ) {
window.myNamespace = {};
}
myNamespace.function01 = function(){ /* add code here */ };
myNamespace.function02 = function(){ /* add code here */ };
})();
在您的情况下,使用 getAuthInfo
而不是 function01
等...然后当您调用函数时,请确保包含该命名空间。例如:
myNamespace.getAuthInfo();
关于使用 <script> 标记从外部 JS 文件引用的 JavaScript 函数报告为 "not defined",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34055657/
前言: 一直是想知道一条SQL语句是怎么被执行的,它执行的顺序是怎样的,然后查看总结各方资料,就有了下面这一篇博文了。 本文将从MySQL总体架构--->查询执行流程--->语句执
哪个更好用或者更方便: ... 或 ... 最佳答案 你真的需要类型属性吗?如果您使用的是 HTML5,则不会。否则,是的。 HTML 4.01 和 XHTML 1.0 指定了 type属性是必需的,
哪个更好用或者更方便: ... 或 ... 最佳答案 你真的需要类型属性吗?如果您使用的是 HTML5,则不会。否则,是的。 HTML 4.01 和 XHTML 1.0 指定了 type属性是必需的,
我在 unix shell 脚本中遇到了一个问题。让我用一个非常简单的例子来问你。 假设,我正在获取用户输入并比较两个数字。 echo "Enter the first number" read a
是否可以在中制作文本?上标?如果是,怎么办? Meraki Baked Goods (Post 7: Dad's 50th) 最佳答案 以下似乎对我有用: Dad's 50ᵗʰ
我有一个转发器控件,其中 部分没有出现。 “Display”存储的代码设置如下: item.Display = " AudioPlayer.embed('ffcedea7-4822-465f-
在许多 .resx 文件中,我遇到了这样的事情: OurLabel 我的问题是:为什么属性name在许多情况下 - 但并非总是如此 - 从 >> 开始? 最佳答案 您在 Winfo
我正在尝试将代码添加到脚本中,但它不起作用 var script= document.createElement('script'); script.type= 'text/javas
我想编写正则表达式来读取 block 内的数据在 HTML 中。作为脚本,我认为空白具有灵 active 。为了使我的正则表达式模式健壮,我必须预测不同数量的空白。也许有比在我的模式中放置许多空白匹
基本上,我讨厌必须更改标题代码以及位于 中的页面标题。 header 中的标签....我可以使用 JavaScript 或 HTML 来自动设置某个 标题中的内容是否等于页面标题? 最佳答案 是的,
我可以使用以下代码提取所有标签。但是,我不知道如何在 之间查看内部。和标签。特别是,假设我只想要这一部分(中间还有更多内容,但我对此不感兴趣): var quoteData
有什么方法可以覆盖无法直接编辑的页面标题,只能在页眉中添加 Javascript? 我不能直接编辑的行是: Title of the page 我能想到的解决这个问题的唯一方法是在我可以通过我的门户后
我正在尝试在 fancybox 的内容方法中加载 javascript 内容。 $('#streaminput').on("click", function() { $('#streaminpu
我试图在 2 小时内解决这个问题,但运气不佳,也许这不是那么技术性,但我需要帮助! 我有一个 AJAX 脚本,需要将 GET 请求发送到同一页面上的 php 脚本。PHP 脚本这样终止 i
如何创建表单来删除标签并删除标签之间的内容或脚本。请任何人为我制作一份表格(我已经问过这个问题,但没有找到任何有用的答案。) 像这样的形式:(此形式仅删除标签,不删除text标签之间的脚本) //
我现在已经为此苦苦挣扎太久了。 我想做的只是简单地堆叠后续内容,就像您将一张 1 列 3 行的表格一样。我试图放弃旧的 HTML 和 CSS 方法,转而采用首选的 HTML5 页面结构方法。 像这样.
我正在尝试为 my chat box 创建通知,当有人向您发送新消息时,会在“谈话”标题旁边看到。我尝试过多种方法,但从来没有成功过。 a busy cat http://goawaymom.com/
我最初并不期望需要调用除 Iframe 之外的任何内容,但显然我错了。这是我的代码,您可以看到为什么它破坏了脚本中的脚本-/脚本有什么方法可以解决这个问题? $ad_blocks = arra
我希望能够在正在播放的视频之上使用全屏文本区域。我以为 position: fixed;顶部:0;可能有效,但没有。 HTML CSS * { box-sizing: border-box;
我找到了how to load external JS file into moodle?但这并不能解决我的问题。 我必须加载一个外部 JS 文件,因为它是 VOD 服务的播放器。 必须在 中调用它
我是一名优秀的程序员,十分优秀!