简述documen.wrte和 innerHTML的区别是什么？

参考答案：

document.write和innerHTML是JavaScript中用于向页面输出内容的两种不同方法，它们的主要区别如下：

使用方式：document.write是DOM（Document Object Model）的一个方法，用于向HTML文档写入HTML表达式或JavaScript代码。而innerHTML也是DOM的一个属性，用于获取或替换HTML元素的内容。
影响范围：document.write方法在文档加载时调用，会直接向页面输出内容。然而，如果在文档加载结束后调用document.write，它会重写整个页面。相比之下，innerHTML只会影响你选择的特定元素，而不会影响整个HTML文档。这使得innerHTML更为灵活和精确，可以精确控制要修改的页面部分。
安全性：在使用innerHTML时，如果插入的内容来自用户提供的不可信的输入，可能会引发跨站脚本攻击（XSS）。因此，在处理这种输入时需要特别小心。相比之下，document.write在这方面的风险较小。

总的来说，虽然document.write和innerHTML都可以用来向页面输出内容，但innerHTML由于其对特定元素的精确控制以及更高的灵活性，在现代Web开发中使用更为常见。然而，使用innerHTML时需要注意安全性问题，特别是当处理不可信的输入时。