zoukankan      html  css  js  c++  java
  • 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);
    

      

      

  • 相关阅读:
    Northwind数据库下载地址
    MSSQL跨服务访问数据库
    MSSQL基于一致性的I/O错误,解决方法之一
    DataGridView单元格ComboBox控件添加事件
    线程安全类 跨线程修改窗体UI
    数据库字段名
    SELECT INTO 和 INSERT INTO SELECT
    链表
    因为数据库正在使用,所以无法获得对数据库的独占访问权
    代替游标的循环
  • 原文地址:https://www.cnblogs.com/Helen-code/p/12392830.html
Copyright © 2011-2022 走看看