动态脚本

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

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}");

愿你的坚持终有收获。