Javascript 链接的JS未在慢速Web服务器上运行
我有一个很简单的问题,完全是在欺骗我 我有一个web服务器(XAMPP),运行速度相当慢的U盘。 我有一个非常简单的文件结构:Javascript 链接的JS未在慢速Web服务器上运行,javascript,html,xampp,Javascript,Html,Xampp,我有一个很简单的问题,完全是在欺骗我 我有一个web服务器(XAMPP),运行速度相当慢的U盘。 我有一个非常简单的文件结构: --htdocs --projects --callback index.html --js jquery-1.9.1.min.js callbackclient.js --css main.css 由于某些原因,我无法使简单的链接脚本正
--htdocs
--projects
--callback
index.html
--js
jquery-1.9.1.min.js
callbackclient.js
--css
main.css
由于某些原因,我无法使简单的链接脚本正常工作:
这是我的index.html
<!DOCTYPE HTML>
<html>
<head>
<script src='js/jquery-1.9.1.min.js' type='text/javascript'></script>
<script src='js/callbackclient.js' type='text/javacsript'></script>
<link href='css/main.css' rel='stylesheet' type='text/css'>
</head>
<body>
This is a test
</body>
<script>
$(document).ready(function(){
tester();
});
</script>
</html>
这是一个测试
$(文档).ready(函数(){
测试器();
});
这是我的callbackclient.js:functiontester(){console.log(“test”);
}
当我点击localhost/projects/callback
时,浏览器按预期显示“这是一个测试”,但控制台中出现错误:
未捕获参考错误:未定义检测仪
如果我尝试运行tester(),我会得到相同的结果;直接从控制台中,但是$(“head”)
正确地选择了head元素,我想这意味着jQuery加载得很好
我一定错过了一些基本的东西——有人请开导我 可能是您拼错了脚本标记上的类型
text/javacscript
而不是text/javascript
在callbackClient.js中尝试以下操作:
var tester = function (){ console.log("test"); }
jQuery(function () {
// Logic here
console.log('this is working, right?');
var functionName = function () {
console.log('blah blah blah')
}
functionName();
})
如果这样做有效,您只需要将函数设置为变量,然后调用它。如果这不起作用,那么我将删除HTML页面上的JS代码,并在callbackClient.JS中执行此操作:
var tester = function (){ console.log("test"); }
jQuery(function () {
// Logic here
console.log('this is working, right?');
var functionName = function () {
console.log('blah blah blah')
}
functionName();
})
希望有帮助 很可能是这样。明天当我回到我的开发PC上时,我会检查并接受答案!我就知道这会很愚蠢!