在JavaScript的onClick函数中传递邮箱并弹窗展示的问题

你的代码里有两个核心问题导致邮箱参数没正确传递到JavaScript函数里，我来帮你修正并解释原因：

问题分析 #

1. PHP变量未输出：你只写了<?php $email; ?>，但没有用echo把变量值输出到HTML中，浏览器拿到的是空白的参数，自然弹不出正确的邮箱。
2. 字符串参数未加引号：邮箱是字符串类型，直接传递的话JavaScript会把它当成变量名解析，导致语法错误（比如邮箱里的@会被当成无效符号）。

修正后的基础写法 #

先把HTML按钮的onclick代码修改成这样：

<td> 
  <button class="btn btn-primary" name="buton" onclick="myfunction('<?php echo htmlspecialchars($email); ?>')">Edit</button> 
</td>

JavaScript函数可以保持不变，不过建议把参数名改成email更语义化：

<script type="text/javascript"> 
  function myfunction(email) { 
    alert(email); 
  } 
</script>

关键修改点说明 #

• <?php echo htmlspecialchars($email); ?>：用echo输出邮箱值，同时用htmlspecialchars()转义特殊字符（比如引号、<>），避免破坏HTML结构或者触发XSS安全问题。
• 单引号包裹参数：把邮箱字符串用'包起来，让JavaScript识别它为字符串字面量，不会报错。

更推荐的现代写法（分离HTML和JS） #

内联onclick虽然简单，但不利于代码维护和安全，推荐用事件绑定的方式：

<td> 
  <button class="btn btn-primary" name="buton" data-email="<?php echo htmlspecialchars($email); ?>">Edit</button> 
</td>

<script type="text/javascript"> 
  // 给所有目标按钮绑定点击事件
  document.querySelectorAll('.btn-primary[name="buton"]').forEach(button => {
    button.addEventListener('click', function() {
      const email = this.dataset.email;
      alert(email);
    });
  });
</script>

这种写法把HTML结构和JavaScript逻辑分开，代码更清晰，也避免了内联事件的安全隐患。

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