js正则修改html中src的内容,正则替换html中的src路径为全路径

可以使用 JavaScript 中的正则表达式和字符串替换方法来实现。以下是一种可能的实现方式：假设你的 HTML 页面中有一些相对路径的图片和脚本： ```html <!DOCTYPE html> <html> <head> <title>My Page</title> <script src="js/myScript.js"></script> </head> <body> <h1>Welcome to my page</h1> <img src="images/myImage.jpg" alt="My Image"> </body> </html> ``` 你可以使用以下代码将这些相对路径替换为绝对路径： ```javascript // 获取当前页面的绝对路径 var baseUrl = window.location.href.split('/').slice(0, -1).join('/'); // 替换图片的路径 var html = document.documentElement.outerHTML; var newHtml = html.replace(/<img\s+src="([^"]+)"/g, '<img src="' + baseUrl + '/$1"'); // 替换脚本的路径 newHtml = newHtml.replace(/<script\s+src="([^"]+)"/g, '<script src="' + baseUrl + '/$1"'); // 更新页面 HTML document.open(); document.write(newHtml); document.close(); ``` 这段代码会获取当前页面的绝对路径，然后使用正则表达式替换 HTML 中的所有 `img` 和 `script` 标签的 `src` 属性，将相对路径改为绝对路径。最后，它会更新页面 HTML，使更改生效。

阅读全文

js正则修改html中src的内容,正则替换html中的src路径为全路径

最新推荐

JS正则替换掉小括号及内容的方法

使用JS正则表达式 替换括号,尖括号等

Python使用正则表达式去除(过滤)HTML标签提取文字功能

MySQL中使用replace、regexp进行正则表达式替换的用法分析

Java使用正则表达式提取XML节点内容的方法示例

平尾装配工作平台运输支撑系统设计与应用

管理建模和仿真的文件

MATLAB遗传算法探索：寻找随机性与确定性的平衡艺术

如何在S7-200 SMART PLC中使用MB_Client指令实现Modbus TCP通信？请详细解释从连接建立到数据交换的完整步骤。

MAX-MIN Ant System：用MATLAB解决旅行商问题

使用JS正则表达式替换括号,尖括号等