html引入依赖

最新推荐文章于 2024-11-14 14:05:52 发布

原创最新推荐文章于 2024-11-14 14:05:52 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种通过在JS文件中使用document.write动态加载CSS和JS资源的方法，包括H-ui、jQuery、Vue等前端库的引入，以及如何在页面中直接引用此JS文件实现资源的一次性加载。

新建一个js文件，引入需要的js.css文件

 //h-ui
document.write("<link rel='stylesheet' type='text/css' href='/static/h-ui/css/H-ui.min.css' />")
document.write("<link rel='stylesheet' type='text/css' href='/static/h-ui.admin/css/H-ui.admin.css' />");
document.write("<link rel='stylesheet' type='text/css' href='/lib/Hui-iconfont/1.0.8/iconfont.css' />");
document.write("<link rel='stylesheet' type='text/css' href='/static/h-ui.admin/skin/default/skin.css' id='skin' />");
document.write("<link rel='stylesheet' type='text/css' href='/static/h-ui.admin/css/style.css' />");


document.write("<script type='text/javascript' src='/lib/jquery/1.9.1/jquery.min.js'></script>");
document.write("<script type='text/javascript' src='/static/h-ui/js/H-ui.min.js'></script>");
document.write("<script type='text/javascript' src='/static/h-ui.admin/js/H-ui.admin.js'></script>");
document.write("<script type='text/javascript' src='/lib/jquery.contextmenu/jquery.contextmenu.r2.js'></script>");
document.write("<script type='text/javascript' src='/lib/My97DatePicker/4.8/WdatePicker.js'></script>");
document.write("<script type='text/javascript' src='/lib/datatables/1.10.0/jquery.dataTables.min.js'></script>");
document.write("<script type='text/javascript' src='/lib/laypage/1.2/laypage.js'></script>");
document.write("<script type='text/javascript' src='/lib/jquery.validate.min.js'></script>");

//标签栏小图标
document.write("<link rel='shortcut icon' href='/img/favicon.ico' type='image/x-icon'>");
document.write("<link rel='icon' href='/img/favicon.ico' type='image/x-icon'>");

//登录页面vue插件
document.write("<script type='text/javascript' src='/lib/vue.min.js'></script>");

//layer弹窗插件
document.write("<script type='text/javascript' src='/lib/layer/2.4/layer.js'></script>");

//select2下拉框插件
document.write("<script src='/lib/dist/js/select2.min.js'></script>");
document.write("<link href='/lib/dist/css/select2.min.css' rel='stylesheet' />");

//validator表单验证插件
document.write("<script type='text/javascript' src='/lib/validator.js'></script>");
document.write("<link type='text/css' rel='stylesheet' href='/lib/validator.css'/>");


document.write("<script type='text/javascript' src='/common.js'></script>");

页面直接引用这个js文件

<script type="text/javascript" src="/base.js"></script>