使用Range.createContextualFragment()插入包含Script脚本的HTML片段

Range.createContextualFragment() 方法通过以 range 的开头（选定节点的父级）作为上下文节点来调用 HTML 片段解析算法 或者 XML 片段解析算法来返回 DocumentFragment。如果 range 属于一个其 HTMLness bit 被设置了的  Document 则会应用 HTML 片段解析算法。在 HTML 的情况下，如果上下文节点为 html，由于历史原因，将使用 body 作为上下文来调用片段解析算法。

var tagString = "<div>I am a div node</div>";
var range = document.createRange();

// 使文档中第一个 div 的父级成为上下文节点
range.selectNode(document.getElementsByTagName("div").item(0));
var documentFragment = range.createContextualFragment(tagString);
document.body.appendChild(documentFragment);

 

https://developer.mozilla.org/zh-CN/docs/Web/API/Range/createContextualFragment

HTTP  [ˌeɪtʃ tiː tiː ˈpiː]  详细X

基本翻译

abbr. 超文本传输协议（Hyper Text Transfer Protocol）

网络释义

http: 网站

http-equiv: 信息

S-HTTP: 协议