如何将.js文件引用插入多个html文件

时间:2011-09-16 13:32:44

标签: javascript html

我正在为我的公司开发一个新网站,我们需要将数百个.html文件传输到新网站。这些.html目前不包含任何Google Analytics信息,但我想借此机会添加对存储GA的.js文件的引用。

我的问题是:如何快速轻松地将.js引用添加到这些数百个文件中,而无需编辑每个文件?

我猜测有一个应用程序可以解析数百个HTML文件,识别该文件的特定部分(例如<head>元素)并自动在其后插入新文本(例如{{ 1}})。

我找不到任何此类软件,通过输入此问题,此处找不到“类似标题的问题”或“类似问题”。

有什么想法吗?

5 个答案:

答案 0 :(得分:3)

有很多建议可以进行搜索和替换,这些都可行。但正确的方法是利用您正在使用的任何Web平台,并为共享通用设计的文件创建共享布局。然后,你的共同点包括去那里。

否则,下次Google更改其包含代码,或者您决定添加新的.js库,或者更改其他任何内容时,您将重新执行此操作。而且每次都变得越来越难。

此外,您不希望在<head>标记之后插入包含,您希望它在结束</body>标记之前插入,因此它不会停止加载页面的其余部分。< / p>

答案 1 :(得分:1)

我认为Notepad ++或Dreamweaver可以做你想要的。我相信你可以通过目录和/或多个文件进行查找/替换。您可以让它找到标签,然后将引用放在head标签之后。

答案 2 :(得分:1)

在具有某种多文件管理功能的文本编辑器中打开您想要更改的所有文件(TextMate,Coda,甚至是XCode,Notepad ++等)然后执行全局查找并使用“替换项目” (或类似名称)。

找到结束body代码,并将其替换为您想要的javascript以及结束body代码。

Find: </body>
Replace: <script src="somescript.js" type="text/javascript"></script></body>

答案 3 :(得分:1)

您可以在全局javascript文件中包含以下功能:

function insertGACode(){
    var gaCode = document.createElement('script');
    document.body.appendChild(gaCode);
    gaCode.innerHTML = "GA CODE HERE";
}

每当页面加载时运行它。

答案 4 :(得分:0)

即使是sed也能帮到你。

sed -i.bak 's/</head>/<script type="text/javascript" src="script.js"></head>/' *.html