highlightjs
时间: 2024-08-16 21:01:03 浏览: 20
Highlight.js 是一款用于高亮显示代码片段的 JavaScript 库,它支持多种编程语言。要使用 Highlight.js,首先需要在其官方网站(https://highlightjs.org/download/)下载库文件或通过 CDN 引入到网页中。
以下是一个简单的 HTML 示例,展示了如何使用 Highlight.js 高亮显示 JavaScript 代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Highlight.js Example</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/default.min.css">
</head>
<body>
<pre><code class="javascript">var codeExample = "function example() { console.log('Hello, World!'); }";
hljs.highlightBlock(document.querySelector('pre code')); // 使用 Highlight.js 高亮代码
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</html>
```
在这个示例中,`hljs.highlightBlock()` 函数用于指定要高亮的元素,而 `hljs.initHighlightingOnLoad()` 则会在页面加载完成后自动执行高亮。