PHP变量嵌入函数输出位置异常及样式丢失问题排查

在PHP中尝试将EchoTest()函数嵌入到带有CSS样式的$form变量中，但函数的输出总是出现在$form内容之前，且未应用预期的红色样式。

问题代码 #

PHP代码 #

function EchoTest(){
    echo 'EchoTest 1 with single quote <br>';
    echo "EchoTest 2 with double quote <br>";
}

$form = '<h3>Note: Fill in the required filed.</h3>
<span style="color:red">'.EchoTest().'</span>
<h3>Fields with * are required.</h3>';

浏览器页面源码 #

EchoTest 1 with single quote
EchoTest 2 with double quote
<h3>Note: Fill in the required filed.</h3>

<h3>Fields with * are required.</h3>
<span style="color:red"></span>

问题原因 #

EchoTest()函数使用echo直接向浏览器输出内容，而非返回字符串。在字符串拼接中调用该函数时，PHP会优先执行函数内的echo语句，把内容直接输出到浏览器，之后函数默认返回null，导致$form变量里的<span>标签内容为空，最终出现输出位置错误、样式失效的问题。

解决方案 #

方案1：修改函数为返回字符串 #

将函数内的echo替换为return，直接返回需要拼接的内容：

function EchoTest(){
    return 'EchoTest 1 with single quote <br>' . "EchoTest 2 with double quote <br>";
}

方案2：使用输出缓冲捕获内容 #

如果函数内有大量输出逻辑，不想逐个修改echo，可以用PHP的输出缓冲功能捕获输出内容并返回：

function EchoTest(){
    ob_start(); // 开启输出缓冲
    echo 'EchoTest 1 with single quote <br>';
    echo "EchoTest 2 with double quote <br>";
    return ob_get_clean(); // 获取缓冲内容并关闭缓冲
}

修改后，调用EchoTest()时会返回字符串内容，而非直接输出，内容会被正确嵌入到<span>标签中，样式生效且输出位置符合预期。

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