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