如何包括加载许多的JavaScript到一个HTML文件

我尝试过很多办法的头一个共同文件，不能图如何做到这一点。如何包括加载许多的JavaScript到一个HTML文件

我加载在许多HTML文件头外部脚本的数量。这里有一个例子：

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> 
<script type="text/x-mathjax-config"> 
MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); 
</script> 

<script type="text/javascript" language="Javascript" 
     src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> 
</script> 

<script type="text/javascript" src="http://www.wolfram.com/cdf-player/plugin/v2.1/cdfplugin.js"></script>

什么是避免复制并在每个HTML文件中的这些一次又一次地粘贴的最佳方式？

我不能把所有的这些在一个common.js文件，包括，因为这些已经在他们<script>。即我不能这样做

<script src="common.js"></script>

任何想法如何做到这一点？可能与jQuery的？（我对此一无所知）。可能是这个相关吗？ Jquery load() a html file which contains JavaScript

感谢

来源

2013-01-20 Nasser

请检查此[SO问题]（http://stackoverflow.com/q/950087/1169519 ）。从未来 – Teemu

注：cdn.mathjax.org接近其结束生命，检查https://www.mathjax.org/cdn-shutting-down迁移提示（或许更新后对未来的读者）。 –

您可以多次使用下面的命令在common.js为要加载每个源。只要不断更改node.src值。

var node = document.createElement('script'); 
    node.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"; 
    document.body.appendChild(node);

而且你可以选择在哪里在body即document.body.appendChild(node);或head即HTML的document.head.appendChild(node);添加脚本

来源

2013-01-20 12:47:35 Ani

我不确定你的意思是“拉入外部文件的内容并粘贴到include命令所在的位置”？你的问题中提到，包括所有的脚本作为公共文件，所以现在你可以编写一次common.js并将其包含在任何HTML页面和所有脚本会被加载 – Ani

使用'node.type'，包括你的类型参数，我相信使用'node.nodeValue'将包含该节点的内容 – Ani

如何包括加载许多的JavaScript到一个HTML文件

回答

相关问题