Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使用';变量';在HTML中?_Php_Javascript_Jquery_Html_Variables - Fatal编程技术网

Php 使用';变量';在HTML中?

Php 使用';变量';在HTML中?,php,javascript,jquery,html,variables,Php,Javascript,Jquery,Html,Variables,不必改变列表中每个项目的值 <li class="item drawing"> <a class="fancybox" rel="group" href="images/portfolio/skateboard_l.jpg"> <img src="images/portfolio/skateboard.jpg" alt="skateboard"/> <h3>Skateboard</h3> </a&g

不必改变列表中每个项目的值

<li class="item drawing">
    <a class="fancybox" rel="group" href="images/portfolio/skateboard_l.jpg">
    <img src="images/portfolio/skateboard.jpg" alt="skateboard"/>
    <h3>Skateboard</h3>
    </a>
</li>
  • 有可能有这样的东西吗

    item="Skateboard
    <li class="item drawing">
        <a class="fancybox" rel="group" href="images/portfolio/[item-lowercase][if "item"_l.jpg exists, echo"_l"].jpg">
        <img src="images/portfolio/[item-lowercase].jpg" alt="[item-lowercase]"/>
        <h3>[item]</h3>
        </a>
    </li>
    
    item=“滑板
    
  • 所以我可以只更改列表中每个项目的item变量,而不是所有单独的条目


    谢谢。

    您可以在PHP中使用
    echo
    实现这一点

    例如,如果图像名称存储在
    $images[“myImage”]
    中,并且alt是
    $imageAlts[“myImage”

    .jpg“alt=”“/>
    
    您可以在PHP中使用
    echo
    执行此操作

    例如,如果图像名称存储在
    $images[“myImage”]
    中,并且alt是
    $imageAlts[“myImage”

    .jpg“alt=”“/>
    
    我猜您想使用模板

    如果您想在JS客户端执行此操作:


    我想您想使用模板

    如果您想在JS客户端执行此操作:

    看起来也会有帮助。它可以让您执行以下操作:

    <!doctype html>
    <html ng-app>
      <head>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
      </head>
      <body>
        <div>
          <label>Name:</label>
          <input type="text" ng-model="yourName" placeholder="Enter a name here">
          <hr>
          <h1>Hello {{yourName}}!</h1>
        </div>
      </body>
    </html>
    
    
    姓名:
    
    你好{{你的名字}}!
    看起来也会有帮助。它可以让您执行以下操作:

    <!doctype html>
    <html ng-app>
      <head>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
      </head>
      <body>
        <div>
          <label>Name:</label>
          <input type="text" ng-model="yourName" placeholder="Enter a name here">
          <hr>
          <h1>Hello {{yourName}}!</h1>
        </div>
      </body>
    </html>
    
    
    姓名:
    
    你好{{你的名字}}!
    是一个很好的PHP模板系统。如果您想使用PHP在JavaScript上进行模板制作,只需从其中一个教程开始(或查看其他PHP模板系统)。

    是一个很好的PHP模板系统。如果您想使用PHP在JavaScript上进行模板制作,只需从其中一个教程开始(或查看其他PHP模板系统)。

    在PHP中执行此操作的经典方法是在PHP中创建一个项目数组,然后在该数组上迭代,创建带有适当[item lowercase]项的HTML列表项目

    我会考虑将[IF项目存在]作为构建数据数组的过程的一部分,这样在构建HTML时不必做任何复杂的事情。然后,只需循环通过数组并显示项目中的任何内容。

    当然,这是一种简化

    foreach($itemList as $key=>$theItem){
        ?>
      <li class="item drawing">
       <a class="fancybox" rel="group" href="images/portfolio/<?php echo $theItem ?>
    
    <img src="images/portfolio/[item-lowercase].jpg" alt="[item-lowercase]"/>
    <h3>[item]</h3>
    </a>
    </li>
        <?php
    
    }
    
    foreach($itemlistas$key=>$item){
    ?>
    

  • 在PHP中实现这一点的一种经典方法是在PHP中创建一个项目数组,然后在该数组上迭代,使用适当的[item lowercase]条目创建HTML列表项目

    我会考虑将[IF项目存在]作为构建数据数组的过程的一部分,这样在构建HTML时不必做任何复杂的事情。然后,只需循环通过数组并显示项目中的任何内容。

    当然,这是一种简化

    foreach($itemList as $key=>$theItem){
        ?>
      <li class="item drawing">
       <a class="fancybox" rel="group" href="images/portfolio/<?php echo $theItem ?>
    
    <img src="images/portfolio/[item-lowercase].jpg" alt="[item-lowercase]"/>
    <h3>[item]</h3>
    </a>
    </li>
        <?php
    
    }
    
    foreach($itemlistas$key=>$item){
    ?>
    

  • 我能想到的最好的解决方案是构建一个数组(我会使用PHP)…然后使用while循环来构建列表…将其全部放在一个函数中,并在需要时调用它

    例如:

        <?php
            function itemList(){
                $items=array ("skateboard","rollerskates","scooter","rollerblades");             
                reset($items);          
                while (list(, $value) = each($items)) {
                    echo '<li class="item drawing">';
                    echo '<a class="fancybox" rel="group" href="images/portfolio/' . $value . '_l.jpg">';
                    echo '<img src="images/portfolio/' . $value . '.jpg" alt="' . $value . '"/>';   
                    echo '<h3>' . $value . '</h3>';                                                   echo '</a>';
                    echo '</li>';
                }
            }
        ?>
    
    
    
    然后在HTML文件中(您希望列表显示的位置):

      如果将函数放在单独的.php文件中,则必须将其包含在HTML文档中:

      <?php include ('/url/of/list.php'); ?> 
      

      我能想到的最佳解决方案是构建一个数组(我会使用PHP)…然后使用while循环来构建列表…将所有内容放在一个函数中,并在需要时调用它

      例如:

          <?php
              function itemList(){
                  $items=array ("skateboard","rollerskates","scooter","rollerblades");             
                  reset($items);          
                  while (list(, $value) = each($items)) {
                      echo '<li class="item drawing">';
                      echo '<a class="fancybox" rel="group" href="images/portfolio/' . $value . '_l.jpg">';
                      echo '<img src="images/portfolio/' . $value . '.jpg" alt="' . $value . '"/>';   
                      echo '<h3>' . $value . '</h3>';                                                   echo '</a>';
                      echo '</li>';
                  }
              }
          ?>
      
      
      
      然后在HTML文件中(您希望列表显示的位置):

        如果将函数放在单独的.php文件中,则必须将其包含在HTML文档中:

        <?php include ('/url/of/list.php'); ?> 
        
        
        
        听起来像是在寻找模板系统(PHP或JS)。这就是我要找的词!听起来像是在寻找模板系统(PHP或JS).这就是我要找的词!似乎是一个完美的方式,谢谢。似乎是一个完美的方式,谢谢。AngularJS似乎不适用于FancyBox,所以我选择了使用你的方法。我正要说它不起作用时,我注意到你使用了$list而不是$items。现在似乎工作正常,谢谢。哈…对不起,abo但是,这…很好!我现在就更新它,这样它就不会弄乱其他人。有没有一种方法可以拥有多个变量?例如名称和类型?是的…我想你指的是一个关联数组。你可以在这里阅读更多关于它们的信息:让我们来看看AngularJS似乎不与FancyBox一起工作,所以我选择使用你的方法。我只是当我注意到你使用了$list而不是$items时,我并不是说它不起作用。现在似乎工作得很好,谢谢。哈…很抱歉…很好!我现在就更新它,这样它就不会打乱其他人。有没有办法拥有多个变量?例如名称和类型?是的…我认为你指的是一个关联数组。你知道吗可以在这里阅读更多关于他们的信息:让我们