如何將 PHP 字符串傳遞給 Javascript/JQuery 以在 function 中使用？

Question

在我的 PHP 中，我有：

$welcome = "Welcome!";
echo '<script type="text/javascript">addName();</script>';

還有我的 HTML/腳本：

<a id="franBTN"></a>

<script type="text/javascript">
function addName(){
    var fran = "<?php echo $welcome ?>";
    $("#franBTN").text(fran);
}
</script>

當我運行我的 PHP 時，其他一切正常，但我的 ID 為“franBTN”的元素沒有更改為“歡迎”。我做錯了什么嗎？ 或者這甚至可以通過 PHP/JS 實現嗎？

Answer 1

在第一個示例中， var fran將變為var fran = "Welcome;"; 但是當你調用addName()時將不起作用，因為你在之后聲明它..

<?php

$welcome = "Welcome!";
echo '<script type="text/javascript">addName();</script>';

?>

<a id="franBTN"></a>

<script type="text/javascript">
function addName(){
    var fran = "<?php echo $welcome ?>";
    $("#franBTN").text(fran);
}
</script>

在第二個示例中， var fran將變為var fran = ""; , addName()將起作用，但它會返回一個空字符串。

<a id="franBTN"></a>

<script type="text/javascript">
function addName(){
    var fran = "<?php echo $welcome ?>";
    $("#franBTN").text(fran);
}
</script>

<?php

$welcome = "Welcome!";
echo '<script type="text/javascript">addName();</script>';

?>

這就是你想要的：

<?php $welcome = "Welcome!"; ?>

<a id="franBTN"></a>

<script type="text/javascript">
function addName(){
    var fran = "<?php echo $welcome ?>";
    $("#franBTN").text(fran);
}
</script>

<?php echo '<script type="text/javascript">addName();</script>'; ?>

Answer 2

在此代碼中，您在聲明之前調用 function。 您應該在 DOM 就緒 Php 上調用 function 代碼：

$welcome = "Welcome!";
echo '<script type="text/javascript">$(function() {addName();});</script>';

html/腳本：

 <a id="franBTN"></a> <script type="text/javascript"> function addName() { var fran = "<?php echo $welcome?>"; $("#franBTN").text(fran); } </script>