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