动态脚本

创建动态脚本有两种方式。

1、引入外部文件

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

2、直接插入JavaScript代码

1
2
3
4
5
6
7
8
function loadScript(url) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
document.body.appendChild(script);
}

loadScript("aqing.js");

动态样式

能够把CSS样式包含到HTML页面中的元素有两个。其中,<link>元素用于包含来自外部的文件,而<style>元素用于指定嵌入样式。与动态脚本类似。所谓动态样式是指在页面刚加载时不存在的样式;动态样式是页面加载完成后动态添加到页面中的。

1、插入外部文件

1
<link rel="stylesheet" type="text/css" href="style.css">

2、直接插入JavaScript代码

1
2
3
4
5
6
7
8
9
10
11
12
13
function loadStyleString(css) {
var style = document.createElement("style")
style.type = "text/css";
try {
style.appendChild(document.createTextNode(css));
} catch (ex) {
style.styleSheet.cssText = css;
}
var head = document.getElementsByTagName("head")[0];
head.appendChild(style);
}

loadStyleString("body{background-color:red}");

愿你的坚持终有收获。