加载javascript、增强JS

加载javascript、增强JS,javascript,loading,Javascript,Loading,是否可以像这样加载js脚本,并用逗号分隔脚本: <script src="/js/enhance.js,enhance.config.js" type="text/javascript"></script> 这可能是按需连接服务器上的文件,使用类似的方式。这可能是按需连接服务器上的文件,使用类似的方式。我之前将此作为评论发布,但我将其作为答案发布,因为它似乎合适 HTML元素不支持在一个元素中包含多个脚本。它在他们的网站上起作用的原因是,他们有一个JavaScript文

是否可以像这样加载js脚本,并用逗号分隔脚本:

<script src="/js/enhance.js,enhance.config.js" type="text/javascript"></script>

这可能是按需连接服务器上的文件,使用类似的方式。

这可能是按需连接服务器上的文件,使用类似的方式。

我之前将此作为评论发布,但我将其作为答案发布,因为它似乎合适

HTML
元素不支持在一个元素中包含多个脚本。它在他们的网站上起作用的原因是,他们有一个JavaScript文件,字面上叫做
enhance.js,enhance.config.js
,对于他们使用的所有其他脚本来说都是类似的。我猜这些文件是在服务器端生成的,或者是在后台使用某种编译器创建的


所有这些都不是在客户端完成的,因此您可以停止为此寻找JavaScript解决方案。只需按照您通常的方式逐个加载脚本。

我之前将此作为评论发布,但我会将其作为答案发布,因为它看起来很合适

HTML
元素不支持在一个元素中包含多个脚本。它在他们的网站上起作用的原因是,他们有一个JavaScript文件,字面上叫做
enhance.js,enhance.config.js
,对于他们使用的所有其他脚本来说都是类似的。我猜这些文件是在服务器端生成的,或者是在后台使用某种编译器创建的


所有这些都不是在客户端完成的,因此您可以停止为此寻找JavaScript解决方案。只需按照通常的方式逐个加载脚本。

HTML
元素不支持在一个元素中包含多个脚本。它在他们的网站上起作用的原因是,他们有一个JavaScript文件,字面上叫做
enhance.js,enhance.config.js
。我猜这个文件是在服务器端生成的。@musicfreak我不确定它是如何工作的,但如果您键入js/enhance.js,您可以单独查看这些文件。您将看到它是一个独立于js/enhance.config.js的文件。这是一种最小化HTTP请求的聪明方法。但是musicfreak可能是对的,它是由服务器脚本完成的。假设他们加载第一个脚本,那么您可以读取DOM并提取标记,分解脚本名称并使用AJAX加载脚本。@Lloyd我通过post编辑了第一个脚本如何配置以加载其余脚本。如果您能理解,我将非常感谢您的帮助。HTML
元素不支持在一个元素中包含多个脚本。它在他们的网站上起作用的原因是,他们有一个JavaScript文件,字面上叫做
enhance.js,enhance.config.js
。我猜这个文件是在服务器端生成的。@musicfreak我不确定它是如何工作的,但如果您键入js/enhance.js,您可以单独查看这些文件。您将看到它是一个独立于js/enhance.config.js的文件。这是一种最小化HTTP请求的聪明方法。但是musicfreak可能是对的,它是由服务器脚本完成的。假设他们加载第一个脚本,那么您可以读取DOM并提取标记,分解脚本名称并使用AJAX加载脚本。@Lloyd我通过post编辑了第一个脚本如何配置以加载其余脚本。如果你能弄明白的话,我会很感激你的帮助。
<script src="/js/jquery.js,jquery.plugins.js,common.js" type="text/javascript"></script>
/* Copyright Filamentgroup.com: EnhanceJS configuration for screen/mobile enhancements */
//common script dependencies
var baseScripts = '/js/jquery.js,jquery.plugins.js,common.js';

//check for mediaq support, base screen type on it
var screenMedia = enhance.query('screen and (max-device-width: 1024px)') ? 'screen and (device-min-width: 5000px)' : 'screen',
handheldMedia = 'screen and (max-device-width: 1024px)';

//call enhance() function, include relevant assets for capable browsers
enhance({
loadStyles: [
    {media: screenMedia, href: '/css/screen.css'},
    {media: handheldMedia, href: '/css/handheld.css'}
],
loadScripts: [
    'http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js',
    {media: screenMedia, src: baseScripts+',screen.js'},
    {media: handheldMedia, src: baseScripts+',handheld.js'}
],
forcePassText: 'Enhanced version',
forceFailText: 'Basic version'  
});