Javascript 编辑多个html文件-将字符串添加到<;头>;
我有一个巨大的静态html网站,我需要在每个标题部分的末尾添加一些新的脚本和css路径。有什么工具可以帮我吗 或者我可以使用一些php或JS?我在这方面是个新手 谢谢你的帮助 然后可以使用将此代码添加到每个文件中 打开记事本++,打开搜索->替换(或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"> <
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