星期五, 十月 29, 2021

停止使用Document.Write函数

  JavaScript中的document.write()函数是个很简单的函数,很多初学JavaScript的小伙伴都有用到,但是,这个函数有很多坑,会引发很多问题,使用document.write()函数,Chrome的开发者工具的控制台中会出现警告信息,使用该函数加载资源会让页面的展现缓慢,还会创建一个新的文档流,因此不建议在代码中使用document.write这个函数。

  替代的方法是:

  1、如果想要加载一个JavaScript资源,那么使用下面的代码来替代。

var js = document.createElement('script');
js.src = 'myscript.js';
var first = document.getElementsByTagName('script')[0];
first.parentNode.insertBefore(js, first);

  2、如果是想要输出一个信息,例如abc,这里提供一个替代该函数的方案,替代document.write('abc')的方法是使用下面的代码。

document.currentScript.insertAdjacentHTML('afterEnd','abc')。