JavaScript DOM操作技术---动态脚本和动态样式

动态脚本

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

1、引入外部文件

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

2、直接插入JavaScript代码

            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、插入外部文件

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

2、直接插入JavaScript代码

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

愿你的坚持终有收获。

个人博客网站 没事可以来逛逛https://aqingya.cn