JavaScript书签插入表单异常：点击后页面变白仅显示表单

你遇到的问题根源在于使用了document.write——当页面已经加载完成后调用这个方法，它会清空当前页面的所有内容，重新生成一个只包含你写入内容的新文档，所以原有页面就不见了。

要实现在原有页面嵌入表单的效果，应该直接创建DOM元素并插入到页面中，而不是覆盖整个文档。把你的书签代码改成下面这样：

javascript:(function(){
  // 创建textarea元素
  const textarea = document.createElement('textarea');
  // 设置元素属性
  textarea.name = 'text';
  textarea.rows = 4;
  textarea.cols = 49;
  textarea.value = 'text';
  // 把元素添加到页面body末尾
  document.body.appendChild(textarea);
})();

这段代码用自执行函数包裹逻辑，先创建textarea并配置好各项参数，最后将它追加到页面的body里，这样表单就会嵌入到原有页面中，不会覆盖任何现有内容。

内容的提问来源于stack exchange，提问作者Elizabeth Abakumova