首页 > 技术文章 > PHP-关于php代码和html,js混编

Helen-code 2020-03-01 22:57 原文

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);

  

 

  

 

推荐阅读