为什么外链JS无效？
浏览器安全策略原理是什么？
当在一个域名上第一次传输一些文档（如 HTML 页）时，浏览器会存储该文档所属的域名信息，以供后续使用。所有在文档中指向不同域名的链接都由浏览器标记。当浏览器接收到来自这些标记文档的源代码时，它会使用存储的域名信息作为安全策略进行比对，以决定代码是否应该被执行。
什么情况下外链JS会出现无效？
外链JS会由于跨域请求而无效。当HTML文件A嵌入JS文件a，以及html文件B嵌入JS文件b时，若JS文件a与HTML文件B不在同一个服务器上，就出现了跨域请求，跨域请求后，浏览器认为是非同源的，会存在安全风险，从而拒绝访问。此时只有将JS文件放在同一个域名下才会有效。
如何解决外链JS无效的问题？
一种解决方案是使用jsonp。Jsonp的原理是：动态地往文档中插入一个script，这个script调用另外一个服务器可访问的函数，并把JSON数据作为参数传递进去。这个函数可做任何事情，如显示Json数据，或处理其他JS对象。Jsonp之所以有效，是因为引入的js可以直接运行而不受浏览器安全策略的限制，但是这种方式有一个缺点，就是只支持GET请求，且服务端需要构造出jsonp的响应。
HTML转JS如何实现？
HTML转JS是将HTML代码转换成JS代码以实现将该HTML动态添加到DOM中，同时也可以是实现动态执行。
具体实现过程包括两个步骤：1.使用innerHTML将HTML字符串插入到页面。2. 复制HTML元素到新建的JS节点，并删除原有的HTML元素，同时可以在JS节点上进行其他操作。
如何转码HTML字符串以存储在JS变量中？
将HTML字符串存储在JS变量中，则需要将HTML字符串中的特殊字符进行编码转换。对于HTML常见的特殊字符，如\" \"、\"&\"、\"\"、\"\
\"等可以使用encodeURI/encodeURIComponent函数对它们进行编码转换，同时需要使用unescape函数对其进行解码。
可以使用哪些技术实现HTML转JS？
可以借助第三方工具，如jQuery、React等前端框架的API实现HTML转JS。此外，也可以自己编写JS代码实现HTML转JS。例如，使用getElementById方法获取已知ID的HTML元素，使用cloneNode方法复制节点，使用removeChild方法删除节点，以及使用innerHTML属性读取或写入HTML值实现HTML转JS等。
