修改span文本或点击表单提交按钮后页面变白无报错如何解决？

问题原因及修复方案 #

• HTML结构不规范，按钮位置错误
  <table>的直接子元素只允许是<caption>、<thead>、<tbody>、<tfoot>、<tr>标签，你将提交按钮、自定义button直接放在标签内、<thead>
<table>
• 按钮默认提交行为未阻止
  你绑定了spantext()的标签type属性是submit，点击时除了执行自定义JS函数，还会触发表单默认提交行为，直接向denekkayit.php发请求，如果该接口处理完没有输出内容、也没有跳转逻辑，就会直接返回白页。
  修复：要么把这个按钮的type改成button，要么在spantext()函数里添加事件阻止逻辑：

  function spantext(e) {
    e.preventDefault();
    if($('#msg').text()=="Edit") {
        $('#msg').text("Exit")
    } else {
        $('#msg').text("Edit")
    }
  }
  

• 脚本放置位置不符合规范
  你的所有JS代码都放在</html>闭合标签之后，不符合HTML解析规则，部分浏览器会忽略这部分代码或者解析异常，同时如果没有提前引入jQuery、DataTables的依赖库，也会导致脚本执行失败，页面结构渲染异常。
  修复：把JS代码移到</body>标签之前，且提前引入jQuery、DataTables的相关依赖。
• PHP运行异常被屏蔽
  你的PHP代码中没有判断数据库连接是否成功、SQL执行是否成功，如果$dbhost等数据库配置变量未定义、表名填写错误导致查询失败，同时你的PHP环境关闭了错误显示，就会直接返回空白页。
  修复：开发阶段打开PHP错误提示，增加数据库操作的异常判断：

  // 开头开启错误显示
  error_reporting(E_ALL);
  ini_set('display_errors', 1);
  // 连接后判断是否成功
  $connect = mysqli_connect($dbhost, $dbuser, $dbpass, $db_name);
  if (!$connect) {
    die("连接失败: " . mysqli_connect_error());
  }
  mysqli_set_charset($connect,"utf8");
  // 查询后判断是否成功
  $result = mysqli_query($connect,"SELECT * FROM 你的实际表名");
  if (!$result) {
    die("查询失败: " . mysqli_error($connect));
  }
  

• 输入框属性未加引号导致结构崩溃
  输出输入框的代码中value={$row['AAAA']}没有加引号，如果字段值包含空格、特殊符号，会破坏HTML属性结构，导致整个页面渲染异常变白。
  修复：给value属性加引号：value='{$row['AAAA']}'
• 表单接收页异常
  点击Submit提交后返回白页，大概率是denekkayit.php文件存在语法错误、执行逻辑异常无输出，或者执行完没有跳转回原页面的逻辑。可先在该文件开头添加错误显示代码排查问题，处理完表单逻辑后添加跳转逻辑回到原页面。

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

外部，不符合表格结构规范。DataTables初始化时会重构表格DOM，会自动清除不符合规范的节点甚至破坏整个页面结构，导致页面变白。修复：把两个按钮移到标签外面，放在表单内、表格外的区域即可。