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

  

 

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM