Javascript 编辑多个html文件-将字符串添加到<;头>;

Javascript 编辑多个html文件-将字符串添加到<;头>;,javascript,php,html,css,notepad++,Javascript,Php,Html,Css,Notepad++,我有一个巨大的静态html网站,我需要在每个标题部分的末尾添加一些新的脚本和css路径。有什么工具可以帮我吗 或者我可以使用一些php或JS?我在这方面是个新手 谢谢你的帮助 然后可以使用将此代码添加到每个文件中 打开记事本++,打开搜索->替换(或ctrl+H) 转到“在文件中查找”选项卡 查找 替换为: <script src="script.js"></script> <link rel="stylesheet" rel="style.css"> <

我有一个巨大的静态html网站,我需要在每个标题部分的末尾添加一些新的脚本和css路径。有什么工具可以帮我吗

或者我可以使用一些php或JS?我在这方面是个新手

谢谢你的帮助

然后可以使用将此代码添加到每个文件中

打开记事本++,打开搜索->替换(或
ctrl+H

转到“在文件中查找”选项卡
查找

替换为:

<script src="script.js"></script>
<link rel="stylesheet" rel="style.css">
</head>
<new script here>
<new css here>
</head>

如果要将CSS和JS文件动态添加到页面的
,请使用以下函数

function loadjscssfile(filename, filetype){
    if (filetype=="js"){ //if filename is a external JavaScript file
        var fileref=document.createElement('script')
        fileref.setAttribute("type","text/javascript")
        fileref.setAttribute("src", filename)
    }
    else if (filetype=="css"){ //if filename is an external CSS file
        var fileref=document.createElement("link")
        fileref.setAttribute("rel", "stylesheet")
        fileref.setAttribute("type", "text/css")
        fileref.setAttribute("href", filename)
    }
    if (typeof fileref!="undefined")
        document.getElementsByTagName("head")[0].appendChild(fileref)
}


loadjscssfile("javascript.js", "js");
loadjscssfile("mystyle.css", "css");

如果您决定使用javascript,您可以这样做:

CSS:

JS:


有一个名为TextReplacerv1.4e的工具,它将在多个文件中搜索特定文本,并允许您替换它。在您的情况下,您可以搜索:
,并将其替换为:

<script src="script.js"></script>
<link rel="stylesheet" rel="style.css">
</head>
<new script here>
<new css here>
</head>

你可以在谷歌上找到TextReplacerv1.4e


编辑添加:事实上,我再也找不到TextReplacerv1.4e了。这里有一个类似的工具:

用于任何javascript源文件:

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

在任何标题中包括CSS表格:

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
</head>

您可能已经以半系统的方式解决了您的问题。然而,对于后验性,解决这类问题的正确工具是GNU工具集中的Sed。使用Notepad++的事实排除了您在Unix环境中的可能性。对于获取一些基本的GNU/Linux Windows工具来说,它应该是一个很好的选择

完成Sed后,您可以执行以下操作:

 sed 's/<\/head>/line1\nline2\n/<\/head>/' *.html -i
sed的//line1\nline2\n/'*.html-i

您可以将
*.html
更改为您拥有的文件名。选项
-i
允许直接保存到文件,而不是输出到
stdout
<代码>\n当然是一个新行。

这不需要对每个单独的HTML文件进行编辑吗?是的,但您可以使用这样的工具将此代码添加到每个文件中:但它不只是查找和替换吗?有什么工具可以添加新字符串吗?请看我的更新答案:找到
并将其替换为
您的代码
,然后
@GangaSolution看起来不错,但记事本++不允许在替换选项卡中使用enter和paste-我需要手工编写,而且,在代码混乱之后:)听起来不错,但是,我如何在静态html站点中使用它来在每个文件中返回此功能?@Ganga我不理解您的问题。对不起,我如何在只有.html文件的项目中实际使用此功能。只需将此函数添加到index@在这种情况下,我想这没什么帮助。或者你可以尝试在html页面正在使用的任何常见js文件中添加这个。@Ganga,我想这就是你要找的。
<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
</head>
 sed 's/<\/head>/line1\nline2\n/<\/head>/' *.html -i