js样式怎么引用

通过内联样式、内部样式和外部样式来引用JavaScript样式、使用JavaScript操作DOM元素的样式属性、利用JavaScript动态加载CSS文件。通过这些方法，你可以灵活地在网页中应用和管理样式，提升页面的交互性和用户体验。特别是利用JavaScript操作DOM元素的样式属性，可以实现动态和交互式的效果，例如基于用户操作改变按钮颜色、显示或隐藏元素。

一、内联样式、内部样式和外部样式

1、内联样式

内联样式是将样式直接写在HTML标签的style属性中。虽然这种方法简便直接，但不适合大规模使用，因为会导致HTML文件变得臃肿且难以维护。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内联样式示例</title>
</head>
<body>
    <h1 style="color: blue; font-size: 24px;">Hello, World!</h1>
</body>
</html>

2、内部样式

内部样式是将样式定义在HTML文档的部分的