网站开发 · 2024年12月3日

如何使用正则表达式替换 HTML 字符串中的指定片段？

如何使用正则表达式替换 HTML 字符串中的指定片段？

学习文章要努力，但是不要急！今天的这篇文章《如何使用正则表达式替换 HTML 字符串中的指定片段？ 》将会介绍到等等知识点，如果你想深入学习文章，可以关注我！我会持续更新相关文章的，希望对大家都能有所帮助！

如何使用正则表达式替换 HTML 字符串中的指定片段？插图

替换字符串内容

如何将字符串中指定的片段替换为新的内容？以如下 HTML 字符串为例：

<!DOCTYPE html><html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="//test.baidu.com/533fb44/umi.10d72219.css">
<script>window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || "//test.baidu.com/533fb44/";</script>
</head>
<body>
<div id="root"></div>
<script src="//test.baidu.com/533fb44/umi.b271d884.js" entry=""></script>

</body></html>

需求：将 <script>window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || “//test.baidu.com/533fb44/”;</script> 替换为 <script>window.publicPath = “//test.baidu.com/533fb44/”;</script>。

解决方案：

可以使用字符串的 replace 方法来实现替换操作：

import re

str = '''<!DOCTYPE html><html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="//test.baidu.com/533fb44/umi.10d72219.css">
<script>window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || "//test.baidu.com/533fb44/";</script>
</head>
<body>
<div id="root"></div>
<script src="//test.baidu.com/533fb44/umi.b271d884.js" entry=""></script>

</body></html>'''

replaced_str = re.sub(r"window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || ", "window.publicPath = ", str)
print(replaced_str)

上面的正则表达式模式 window.publicPath = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ || 匹配需要替换的字符串片段。

运行后，输出修改后的字符串：

<!DOCTYPE html><html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="//test.baidu.com/533fb44/umi.10d72219.css">
<script>window.publicPath = "//test.baidu.com/533fb44/";</script>
</head>
<body>
<div id="root"></div>
<script src="//test.baidu.com/533fb44/umi.b271d884.js" entry=""></script>

</body></html>

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《如何使用正则表达式替换 HTML 字符串中的指定片段？ 》文章吧，也可关注米云公众号了解相关技术文章。

Echarts地图鼠标移入显示数据为NaN，如何解决？

您可能还喜欢...