如何实现JavaScript动态加载CSS和JS文件

html-css09

如何实现JavaScript动态加载CSS和JS文件,第1张

//动态加载 CSS 文件

dynamicLoading.css("test.css")

//动态加载 JS 文件

dynamicLoading.js("test.js")

<head>

<meta...>

<link href='a.css' rel='stylesheet' type='text/css' />

<script type='text/javascript' src='b.js'></script>

</head>

把函数剪切到一个txt文件,修改文件名称为b.js 就是一个js文件了

可以实现,css样式有两种方法

第一种:

<div style="color:#F00font-size:14px">新的html</div>

像这样直接写在行内

第二种:

<style>

.one{color:#F00 font-size:14px}

</style>

</head>

<body>

<div class="one">新的html</div>

</body>

像这样内部样式

js有一种方法,将所有的js代码写在head里面

<script>

/*中间位js代码*/

</script>

这样就可以了