JavaScript动态添加css样式和script标签
网络编程 2025-03-24 19:51www.168986.cn编程入门
在Web开发中,JavaScript的动态添加CSS样式和Script标签是非常实用的技术。下面,我将详细介绍这两种技术,并为大家提供具有参考价值的代码示例。
动态添加CSS样式
在网页的`
`部分,我们可以通过JavaScript来动态添加一个``元素,从而引入外部的CSS样式表。当页面加载完成时,我们可以通过以下代码实现:```html
window.onload = function() {
var head = document.getElementsByTagName('head')[0]; // 获取head元素
var link = document.createElement('link'); // 创建一个link元素节点
link.rel = "stylesheet"; // 为link标签添加rel属性
link.href = "basic.css"; // 为link标签添加href属性,指向CSS样式表的路径
head.appendChild(link); // 将link元素节点添加到head元素内
}
测试
```
动态添加Script标签
动态添加Script标签的原理与添加CSS样式相似。我们可以在JavaScript中创建一个新的`
测试