Html如何引用公用的JS和CSS

1.问题原因

项目开发几乎每个Html都会引用JS和CSS，那么就会有一些常用JS或者CSS，我们不希望每个Html文件都引用一堆文件，而是只引用公用的JS和CSS就可以了；

2.解决办法

2.1定义commonJs.js添加公用的JS文件引用和commonCss.js添加公用的CSS文件引用；

commonJs.js

document.write('<script src="../js/jquery-1.10.2.min.js"  type="text/javascript"></script>');
document.write('<script src="../js/jBootstrapPage.js"   type="text/javascript"></script>');
document.write('<script src="../layer/layer.js"   type="text/javascript"></script>');
document.write('<script src="../layer/layer.js"   type="text/javascript"></script>');
document.write('<script src="../bootstrap/js/bootstrap.js"   type="text/javascript"></script>');

document.write()添加多个html公用的js

commonCss.js

document.write('<link href="../css/jBootsrapPage.css" rel="stylesheet" type="text/css">');
document.write('<link href="../bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">')

document.write()添加多个html公用的css

2.2Html文件中引用公用commonJs.js和commonCss.js如下

<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><script th:src="@{~/public/commonJs.js}"></script><script th:src="@{~/public/commonCss.js}"></script>

Html如何引用公用的JS和CSS相关推荐

QiYuAdmin-metronic首页的js和css介绍(SpringBoot项目实战)
简介这篇文章主要是对metronic首页的js和css进行简单的介绍,以及针对QiYuAdmin项目梳理出一些公用的js和css,什么是共用的js和css?共用的js和css是很多页面都会用到相同的 ...
https网站引用http路径的js和css失效解决办法
Jazzy html 2015-03-26 在https的网站中引用http路径的js或css会导致不起作用,其形如: Html <script src="http://code. ...
解决SSM项目下静态资源(img、js、css)无法引用的问题
解决SSM项目下静态资源(img.js.css)无法引用的问题参考文章: (1)解决SSM项目下静态资源(img.js.css)无法引用的问题 (2)https://www.cnblogs.com/ ...
Web项目中前端页面引用外部Js和Css的路径问题
公众号:南宫一梦 Web项目中前端页面引用外部Js和Css的路径问题一般我们在做Web项目时,通常会将多个页面引入的公共js和css文件抽取出来,单独写成一个公共文件,以期方便各个页面单独引入,达到 ...
Js（Css）动态引用方法–Js(css)的统一管理
引自:http://pm.htjs.net/cbb Javascript(Css)组件在Web中的访问地址基本上要求基于Url的相对地址或绝对地址,如果地址出现错误那么Web访问时将出现异常,组件也就 ...
yii怎么引入css文件,Yii框架怎样引用JS和CSS文件
Yii框架怎样引用JS和CSS文件发布时间:2021-01-06 09:58:23 来源:亿速云阅读:118 作者:小新这篇文章给大家分享的是有关Yii框架怎样引用JS和CSS文件的内容.小编觉 ...
yii2 js css,JS、CSS的引用
[TOC] #### 1. 使用AssetBundle进行注册 ~~~ class AppAsset extends AssetBundle { public $basePath = '@webroo ...
vue 公用页面引用_关于vue全局引用公共的js和公共的组件的折腾
前沿最近在项目开发中遇到一些需要全局引用的公共js,或者公共组件,早就烦死了那种每个页面都写一遍,都引用一个js的写法,正好vue解决了这个额问题,于是乎就开始折腾,折腾的过程中也发现了一些自己之前 ...
引用js或css后加?v= 版本号的用法
[plain] view plain copy print? <span style="font-size:14px;">css和js带参数(形如.css?v=与.j ...

Html如何引用公用的JS和CSS

Html如何引用公用的JS和CSS相关推荐

最新文章

热门文章