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