javascript - 我从php 定义一个变量$a,怎么把他给js 中的var a?

我从php 定义一个变量$a,怎么把他给js 中的var a?

目前php 和 前台 html 互交 只会 echo ....

我想把值 传给 JavaScript,再用JavaScript 改 html
具体怎么弄?

我就是想先了解一下,不怕麻烦的话可以告诉我个实例;

怕麻烦的话,告诉我几个关键词就好,谢谢.

回复内容：

我从php 定义一个变量$a,怎么把他给js 中的var a?

目前php 和 前台 html 互交 只会 echo ....

我想把值 传给 JavaScript,再用JavaScript 改 html
具体怎么弄?

我就是想先了解一下,不怕麻烦的话可以告诉我个实例;

怕麻烦的话,告诉我几个关键词就好,谢谢.

第一种，可以通过先传到 html 中，然后通过 js 获取：
php 代码

<code><p id="serverData"> echo $a; ?></p>
<p id="insertEle"></p></code>

js 代码

<code>var serverData = document.getElementById('serverData').innerText;
var insertEle = document.getElementById('insertEle');
insertEle.innerText = serverData;</code>

第二种
服务端接受前端 ajax 或其它请求，然后将 $a 作为值 echo 出来作为响应值，前端同样也能获得这个变量

<code>
<script>
var a=<?php echo $a; ?>
</script>
</code>

要么js写在html页面中，可以直接用var a = = $a?>, 否则只能输出到页面中，用js取dom节点的方法来取到该值

有几种方法:

1. 在php页面输出如下代码

<code><?php echo 'var a = "1234";';
?></code>

然后在html页面中, 用script src应用该php页面的地址

1. 直接在html中输出

<code><script>
var a = '<?php echo "1234"; ?>';
</script></code>

console.log($("body").data("a"))

自己用的就两种

1.给某些元素赋值类似下面

<code class="html"><input type="hidden" value="<?echo $a?>" id="js-new-value">

// js code
var a = document.querySelector('#js-new-value').value;</code>

2.在script定义变量

<code class="html"><script>
    window.phpval = <?php echo $a?>;
</script>

// your js 

var a = phpval;
</code>