嵌入的 js 代码如何在页面上插入表单或其他动态内容？ [关闭]

Question

我想知道嵌入式 js（通常来自 CDN URL）如何实际插入另一个脚本/html 内容或在网页上动态收集页面上的数据？我不是在问它如何决定在页面上插入/提供什么，而是基本上想了解它是如何插入新脚本/内容来收集数据的。例如，Google Tag Manager 或 qualaroo、hellobar 等。

我如何构建这样的服务，使用哪个用户可以嵌入一个 js 代码，而剩下的事情就像根据完成的配置提供内容/表单一样。

它如何与我的服务器通信以获取用户提交的内容。

目标是用户不需要更改嵌入的 js 代码。

Answer 1

一旦在网站上加载了嵌入代码（硬编码到源 html 代码或由其他 javascript 代码动态添加）（嵌入脚本是否来自与页面相同的服务器、不同的服务器甚至 CDN 网络）重要）它将作为页面的组件运行。

脚本可能会从页面内容、cookies、在所述脚本之外的页面中定义的 javascript 变量中收集所需的数据，它可能会使用 AJAX 请求联系自己的服务器以获取更多信息。

使用所述信息，它将生成所需表单的 html 代码，并使用 DOM 访问将其添加到页面中。

此表单可以通过此窗口、新的空白窗口、插入的 IFRAME 窗口或使用 AJAX 请求将填充的数据提交到所需的任何服务器。

没有限制。但是要提出最佳解决方案，您需要更好地描述您的项目愿景。