Question

我正在尝试将JQuery和Underscore.js导入网页。这就是我的脚本标签：

<head>
  <meta charset="UTF-8">
  <title>Messing Around</title>
  <script type="text/javascript" scr="assets/javascripts/underscore.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script type="text/javascript" src="assets/javascripts/app.js"></script>
</head>

我还尝试使用CDN上托管的underscore.js库。

在app.js文件中只有这个，

var data =   {name: 'Ed',
              age : '25',
              city: 'Toronto'}, 
template =   'Welcome, <%= name %>, you are <%= age %> years old and from <%= city %>';
var parsedTemplate = _.template(template,  data );

在浏览器控制台中，我收到错误：

未捕获的ReferenceError：_未定义

这使我相信库没有正确加载。

任何迹象表明为什么会这样？到underscore.js的路线拼写正确。我画了一个空白。

Answer 1

在您调用它时，underscore.js的声音尚未加载。

尝试将此文件添加到app.js文件中，以便在文档就绪后调用它。

$(function(){
    var data =   {name: 'Ed',
                  age : '25',
                  city: 'Toronto'}, 
    template =   'Welcome, <%= name %>, you are <%= age %> years old and from <%= city %>';
    var parsedTemplate = _.template(template,  data );
});

javascript文件无法成功加载的原因有哪些？

1 个答案: