PHP-关于php代码和html，js混编

php代码和html，js混编

一：当html代码，js代码和php代码在一个文件中的时候

　　php代码可以任意的和html，js代码混编

　　因为在服务端会运行php代码，并将结果输出到它所在的位置，而php代码以外的东西，不管是html还是js代码，都是原封不动输出的，就像是字符串。

　　php代码和html，js代码混编，就像是字符串和变量拼接，不用考虑字符串的影响，只要确保拼接后的字符串是正确的格式就好了。

demo：

与html混编

                        <li class="list-group-item">
                            <strong><?php echo $post_count['num']; ?></strong>篇文章（<strong><?php echo $post_drafted_count['num']; ?></strong>篇草稿）
                        </li>
                        <li class="list-group-item"><strong><?php echo $categories_count['num']; ?></strong>个分类</li>
                        <li class="list-group-item">
                            <strong><?php echo $comments_count['num']; ?></strong>条评论（<strong><?php echo $comments_held_count['num']; ?></strong>条待审核）
                        </li>

与js混编

            datasets: [{
                data: [
                    <?php echo $post_count['num']; ?>,
                    <?php echo $post_drafted_count['num']; ?>,
                    <?php echo $categories_count['num']; ?>,
                    <?php echo $comments_count['num']; ?>,
                    <?php echo $comments_held_count['num']; ?>
                ],

二：当html代码，js代码和php代码不在一个文件中的时候

　　将html和php代码写在一起，将js代码单独写成一个js文件

例如：先写一个script标签，将要输出的php代码保存为js的变量，然后将js文件引入进来，就可以使用这个变量了

test.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script>
　　//将要输出的php代码保存为num
    var num = <?php echo 100?>;
</script>
<script src="test.js"></script>
</body>
</html>

　

test.js

console.log(num);

　　

 

　　

 

posted @ 2020-03-01 22:57  Code也疯狂  阅读(1496)  评论(0)    收藏  举报