最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

動態載入CSS/JS

XAMPP下载 admin 731浏览 0评论
 動態載入CSS
準備style.css

p {
color: green;
text-align: center;
}
準備HTML

<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml

“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/>
<title></title>
</head>
<body>
<script>
function dynamicLoadCss(url) {
var head = document.getElementsByTagName(‘head’)[0];
var mycss = document.createElement(‘link’);
mycss.type = ‘text/css’;
mycss.rel = ‘stylesheet’;
mycss.href = url;
head.appendChild(mycss);
}
if (1 == 1) {
dynamicLoadCss(“style.css”);
}
</script>

<p>This is a paragraph.</p>
</body>
</html>
動態載入JS
準備myscript.js
alert(“hi,everybody”);

準備HTML

<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml

“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/>
<title></title>
</head>
<body>
<script>
function dynamicLoadJS(url) {
var head = document.getElementsByTagName(‘head’)[0];
var myscript = document.createElement(“script”);
myscript.type = “text/javascript”;
myscript.src = url;
head.appendChild(myscript);
}
if (1 == 1) {
dynamicLoadJS(“myscript.js”);
}
</script>

<p>This is a paragraph.</p>
</body>
</html>

转载请注明:XAMPP中文组官网 » 動態載入CSS/JS

您必须 登录 才能发表评论!