Content locker集成失败：Document.write错误及正确实现方法求助

错误原因拆解 #

1. Failed to execute 'write' on 'Document' 报错
   外部脚本在文档加载完成后调用了document.write，此时浏览器的文档流已关闭，无法再通过该方法写入内容，直接触发报错。
2. call_locker() 函数失效
   • 脚本加载时机滞后，调用函数时该方法尚未被定义
   • 自定义事件绑定与原脚本的内置触发逻辑发生冲突
3. 按钮类修改的影响
   原CPAGrip脚本可能依赖特定按钮类名绑定触发逻辑，修改为fl-button后，脚本无法识别目标按钮，导致内容锁触发逻辑失效。

正确实现步骤 #

1. 调整脚本引入时机 #

将外部脚本放在<head>标签内，确保在DOM元素加载前完成初始化，避免document.write报错：

<!-- index.php 的 head 区域 -->
<head>
  <!-- 其他头部资源 -->
  <script src="https://superfolder.net/script_include.php?id=1609935"></script>
</head>

2. 匹配脚本预期的按钮标识 #

保留原示例的按钮类（或确保与脚本预期选择器一致），避免重复绑定事件：

<!-- index.php 中的按钮代码 -->
<button class="verification-button" onclick="call_locker()">解锁内容</button>

若需自定义按钮类，需在脚本加载完成后手动绑定事件：

// main.js 中的事件绑定逻辑
document.addEventListener('DOMContentLoaded', function() {
  const targetBtn = document.querySelector('.fl-button');
  // 确保call_locker函数已加载
  if (targetBtn && typeof call_locker === 'function') {
    targetBtn.addEventListener('click', call_locker);
  }
});

3. 规避document.write的限制 #

若必须在DOM加载完成后引入脚本，可通过iframe容纳脚本输出，避免直接操作主文档：

// 解决document.write报错的替代方案
function loadCPAGripLocker() {
  const iframe = document.createElement('iframe');
  iframe.style.display = 'none';
  document.body.appendChild(iframe);
  const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
  iframeDoc.write('<script src="https://superfolder.net/script_include.php?id=1609935"><\/script>');
  iframeDoc.close();
}
// DOM加载完成后执行
document.addEventListener('DOMContentLoaded', loadCPAGripLocker);

4. 验证脚本加载状态 #

在浏览器控制台执行以下代码，确认call_locker函数已正确加载：

console.log(typeof call_locker);

若输出为undefined，需检查脚本链接有效性或网络状态。

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