代码出现两类Uncaught SyntaxError报错，请求排查解决

咱们先揪出你遇到的两个语法错误根源——都是引号嵌套混乱、字符串未正确闭合搞的鬼，这种坑在PHP和JS混写时特别容易踩。

错误原因拆解 #

1. Uncaught SyntaxError: missing ) after argument list：
   你构建social_icon字符串时，onclick属性里的引号和外层字符串的引号直接冲突了。比如你写的onclick='popupCenter('"+ str_url + "','" + title + "','450','450');'，onclick用单引号包裹，里面调用popupCenter时又用了单引号，直接把字符串截断，JS解析器自然找不到闭合的括号。

2. Uncaught SyntaxError: Unexpected end of input：
   这个通常是字符串没配对闭合，要么是引号漏写，要么是括号/花括号没写完。你之前存完整URL到变量时，大概率也是引号转义没做好，导致字符串提前“断更”。

修正后的代码 #

<?php 
$url = $item['item_url']; 
$title = $item["item_title"]; 
// 对URL和标题做URL编码，避免特殊字符破坏分享链接结构
$str_url = 'http://www.facebook.com/sharer.php?u=' . urlencode($url) . '&t=' . urlencode($title); 
?> 
<script>
// 用json_encode自动转义特殊字符，生成合法的JS字符串，彻底避免引号冲突
var str_url = <?php echo json_encode($str_url); ?>;
var title = <?php echo json_encode($title); ?>;

// 用ES6模板字符串（反引号）简化拼接，不用再纠结引号嵌套
var social_icon = `<div class='display-social-button'>
    <a class='uk-icon-button uk-icon-facebook' 
       onclick="popupCenter(str_url, title, '450', '450');" 
       href='javascript:void(0);'>
    </a>
</div>`;
</script>

关键修改说明 #

• URL编码处理：给$url和$title加上urlencode()，防止标题或URL里的空格、引号等特殊字符搞乱Facebook分享链接。
• json_encode输出到JS：这个函数会自动处理字符串里的引号、换行等特殊字符，生成合法的JS字符串，不用手动拼接引号，从根源避免冲突。
• 模板字符串简化拼接：ES6的模板字符串允许直接换行和嵌入变量，可读性拉满，再也不用费力转义引号。如果要兼容旧浏览器，也可以把内部双引号转成\"，外层用双引号包裹。

最后提一句：要是你的popupCenter函数还没实现，记得补上哦，不然又会出现新的错误~

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