html如何引用公共的css、js,注意是html,不是jsp,不懂的人不要乱回答

比如每个页面需要引用N个js,M个css,我不想每个页面都写那么多,有没有类似于jsp中<%@ include file="../common.jsp"%>的写法。
因为jsp中的这种写法,html页面不可用,所以html针对这种问题该如何处理。

如果你不使用其他语言,就html是没有你说的办法,只有一条一条引用.

如果你会使用PHP,就使用PHP;

例子:
<link rel="shortcut icon" href="1.ico" />
<link rel="stylesheet" type="text/css" href="styles/1/basic.css" />
<link rel="stylesheet" type="text/css" href="styles/1/1.css" />
这三个css链接直接都保存在一个title.css.php文件里面,就html的格式保存进去就行;

然后每个页面想调用的时候就,在html的</head>上面加下面的代码:
<?php
require 'title.css.php'; //当然,这个文件就放在和你的html同一个文件夹下才是这个路径.

?>
这样既可,就等于引入了三个css文件了.
温馨提示:内容为网友见解,仅供参考
第1个回答  2020-09-29

在xxxx.html里引入各种需要共用的js、css,然后在需要引用这些公共js、css页面的头部使用:

<link rel="import" href="xxxx.html">

优点:

能解决你所说引用多个js的问题

缺点:

当使用thymeleaf等模板框架的占位符时(如做js版本)貌似识别不了,反正我目前还没找到办法。

相似回答