MissSixty 最近的时间轴更新 MissSixty 最近的时间轴更新 |
MissSixtyV2EX 第 564183 号会员，加入于 2021-12-03 21:39:24 +08:00 |
MissSixty 最近回复了
2023 年 1 月 14 日 回复了 MissSixty 创建的主题 › 程序员 › js 编辑 HTML 字符串，有推荐的方法吗？ |
这个需求目的是后端返回 html 字符串前端调用浏览器打印，打印前在字符串中插入特定内容<div>和改变字符串中 table 的样式，目前总结了几种方法。
1 、在 HTML 末尾加段<script>，该 HTML 加载完就会自行 js 并做修改：这种行为有些危险，html 内容是用户随便写的。
2 、后端在 html 里留两个槽，直接 replace：这就相当于把问题丢给了后端去解决，既然都能留槽了那直接让后端来做多好。留槽和插入 div 也没啥区别。
3 、正则：改变 table 属性挺好用，但插入特定内容的 div 有不确定性，不敢保证写出的正则就那么强大。
4 、document.implementation.createHTMLDocument()：内存中创建空白网页，然后使用 documentElement.innerHTML 来存放内容，接着就使用常规 dom 操作。目前使用此方法。
5 、innerHTML：此方法使用跟第 2 个类似，但它会自动去掉 html 、head 、body 标签，不是完整的网页了。
6 、new DOMParser()：使用起来很简单，也是个能解决问题的方法，但综合考虑还是第 2 个好一些。
1 、在 HTML 末尾加段<script>，该 HTML 加载完就会自行 js 并做修改：这种行为有些危险，html 内容是用户随便写的。
2 、后端在 html 里留两个槽，直接 replace：这就相当于把问题丢给了后端去解决，既然都能留槽了那直接让后端来做多好。留槽和插入 div 也没啥区别。
3 、正则：改变 table 属性挺好用，但插入特定内容的 div 有不确定性，不敢保证写出的正则就那么强大。
4 、document.implementation.createHTMLDocument()：内存中创建空白网页，然后使用 documentElement.innerHTML 来存放内容，接着就使用常规 dom 操作。目前使用此方法。
5 、innerHTML：此方法使用跟第 2 个类似，但它会自动去掉 html 、head 、body 标签，不是完整的网页了。
6 、new DOMParser()：使用起来很简单，也是个能解决问题的方法，但综合考虑还是第 2 个好一些。
2023 年 1 月 14 日 回复了 MissSixty 创建的主题 › 程序员 › js 编辑 HTML 字符串，有推荐的方法吗？ |
@renmu 不交互，后端返回 html ，前端增加点 dom ，然后调用浏览器打印
2023 年 1 月 14 日 回复了 MissSixty 创建的主题 › 程序员 › js 编辑 HTML 字符串，有推荐的方法吗？ |
2023 年 1 月 14 日 回复了 MissSixty 创建的主题 › 程序员 › js 编辑 HTML 字符串，有推荐的方法吗？ |
2023 年 1 月 4 日 回复了 liuhaidong 创建的主题 › MacBook Pro › 求推荐 外接多显示器管理软件？ |
2022 年 3 月 28 日 回复了 7911364440 创建的主题 › 程序员 › vue-router4 页面跳转问题 |
{
path: "/",
redirect: 'page1',
children:[
{
path: '',
name: 'page1',
component: () => import('@/view/page1.vue')
}
]
}
这两个不应该是父子的关系吗？
path: "/",
redirect: 'page1',
children:[
{
path: '',
name: 'page1',
component: () => import('@/view/page1.vue')
}
]
}
这两个不应该是父子的关系吗？
2021 年 12 月 24 日 回复了 VictorFrank1 创建的主题 › 程序员 › 关于前端使用 SVG 图标的问题 |
第一种每个 svg 都会请求一个 url ，而第二种前端优化后会让所有 svg 只请求一次
Select Language