script 中data-main与src的区别？

Question

如<script type="text/javascript" data-main="tickerplot.js" src="/ui2/ui.js"></script>这个中的，他们两个的加载顺序是怎样的？

Answer 1

一、功能不同

1、data-main：为HTML5新增的规范，用来嵌入自定义数据。

2、src：为html属性，用来指定文件位置。

二、作用不同

1、data-main：存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验。

2、src：src属性用来指定脚本文件的位置。

三、规则不同

1、data-main：属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符，属性值可以是任意字符串。

2、src：可以用来指定文件的相对位置，也可以指定文件的绝对位置。

参考资料来源：百度百科-SRC

参考资料来源：百度百科-html5

Answer 2

这个是当你使用require.js的库的时候才这么用的。data-main类似C语言中的main函数，表示在众多的JS文件中的主要入口文件是哪个。一般这个入口文件如下：

require(["moduleA", "moduleB"], function(moduleA, moduleB){
    // TODO
});
// function()是个回调函数

本回答被提问者和网友采纳

Answer 3

不好意思 ，我是个菜鸟没用过data-main