亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 70
粉絲 4
評論 5
訪問量 122301
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
PHP:實(shí)例演示PHP模塊加載和JavaScript和PHP中for/forEach兩種語言不一樣遍歷數(shù)組的區(qū)別
JiaJieChen
原創(chuàng)
946人瀏覽過

PHP:實(shí)例演示JavaScript和PHP中for/forEach兩種語言不一樣遍歷數(shù)組的區(qū)別

一.JavaScript：for和forEach遍歷數(shù)組

①for循環(huán)遍歷數(shù)組

②forEach遍歷數(shù)組

代碼塊

  1. <script>
  2.       let box = document.querySelector(".box");
  4.       //建立一個數(shù)組
  5.       let arr = ["寶馬", "奔馳", "奧迪", "雷克薩斯"];
  6.       //用forEach遍歷數(shù)組
  7.       arr.forEach((item) => {
  8.         box.append(item + "-");
  9.       });
  11.       //用for循環(huán)來遍歷數(shù)組
  12.       for (let i = 0; i < arr.length; i++) {
  13.         box.before(arr[i] + "-");
  14.       }
  15.     </script>

二.PHP：for和forEach遍歷數(shù)組

①for循環(huán)遍歷數(shù)組

②forEach遍歷數(shù)組

在php中 foreach 是小寫，第一個參數(shù)是數(shù)組對象，第二個參數(shù)是鍵名（選填），第三個參數(shù)是遍歷的變量，遍歷出來的數(shù)據(jù)保存在變量中

代碼塊

  1. <?
  2. //用$符號聲明一個變量。值是數(shù)組
  3. $Arr = ["寶馬", "奔馳", "奧迪", "雷克薩斯"];
  4. //讓后用for循環(huán)遍歷這個數(shù)組
  5. for ($i=0; $i < count($Arr); $i++) { 
  6.     echo $Arr[$i].'<br>';
  7. }
  8. echo '<hr>';
  9. //在php中 foreach 是小寫，第一個參數(shù)是數(shù)組對象，第二個參數(shù)是鍵名（選填），第三個參數(shù)是遍歷的變量，遍歷出來的數(shù)據(jù)保存在變量中
  10. foreach ($Arr as $key => $value) {
  11.     echo $key .'=>'  .$value;
  12. }
  14. ?>

二.PHP：require 引入外部文件/模塊加載

大家可以看到，在這個頁面中我直接引入了另外一個文件，可以直接訪問到另外文件輸出的內(nèi)容，利用這個特點(diǎn)我們接下來模塊化開發(fā)一個共同的頁眉和頁腳吧

小案例：模塊化開發(fā)頁眉頁腳

使用require模塊化引入php文件，使得代碼更加的簡潔，但是要提前設(shè)置好頁眉和頁腳，還有css樣式

①css樣式

  1. /* 初始化 */
  2. * {
  3.   padding: 0;
  4.   margin: 0;
  5.   box-sizing: border-box;
  6. }
  7. a {
  8.   text-decoration: none;
  9.   color: white;
  10. }
  12. li {
  13.   list-style: none;
  14.   margin: 0.5em;
  15.   height: 1.5em;
  16. }
  18. :root {
  19.   background: #ccc;
  20. }
  22. /*設(shè)置導(dǎo)航樣式*/
  23. .thead {
  24.   position: fixed;
  25.   left: 0;
  26.   top: 0;
  27.   right: 0;
  28.   background-color: #000;
  29.   height: 40px;
  30. }
  32. .list {
  33.   display: flex;
  34.   justify-content: space-evenly;
  35.   align-items: center;
  36.   text-align: center;
  37. }
  38. .list > li:hover {
  39.   background-color: yellowgreen;
  40. }
  42. /*設(shè)置頁腳樣式*/
  43. .tfoot {
  44.   position: fixed;
  45.   left: 0;
  46.   bottom: 0;
  47.   right: 0;
  48.   text-align: center;
  49.   background-color: #000;
  50.   color: white;
  51. }
  53. /*設(shè)置主體樣式*/
  55. .main {
  56.   position: absolute;
  57.   top: 40px;
  58.   bottom: 1rem;
  59. }

②頁眉

  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>模塊化開發(fā)頁眉頁腳</title>
  9.     <style>
  10.         @import url(/zwz/0425/style/style.css);
  11.     </style>
  12. </head>
  13. <body>
  14.     <!-- 頁眉 -->
  15.     <div class="thead">
  16.         <thead class="nav">
  17.             <ul class="list">
  18.                 <li class='item' ><a href="" >首頁</a></li>
  19.                 <li class='item' ><a href="">技術(shù)博客</a></li>
  20.                 <li class='item' ><a href="">技術(shù)論壇</a></li>
  21.                 <li class='item' ><a href="">我的博客</a></li>
  22.                 <li class='item' ><a href="">會員中心</a></li>
  23.             </ul>
  24.         </thead>
  25.     </div>

③頁腳

  2.     <!-- 頁腳 -->
  3.     <div class="tfoot">
  4.         <tfoot>
  5.         <p class="copyright"><? echo '小張';?>&copy; 版權(quán)所有</p>
  6.         </tfoot>
  7.     </div>
  8. </body>
  9. </html>

④主體

  1. <!-- 引入頁眉 -->
  2. <? require 'php/thead.php'?>
  4.     <!-- 主體 -->
  5.     <div class="main">
  6.         <ul>
  7.             <!-- <li>HTML</li>
  8.             <li>CSS</li>
  9.             <li>JavaScript</li>
  10.             <li>PHP</li> -->
  11.         </ul>
  12.     </div>
  14. <!-- 引入頁腳 -->
  15. <? require 'php/tfoot.php'?>
批改老師：滅絕師太滅絕師太

批改狀態(tài)：合格

老師批語：關(guān)于網(wǎng)頁的導(dǎo)航一般不會寫固定, 數(shù)據(jù)從數(shù)據(jù)表中抓取, 前端遍歷,另外需要注意盡量使用foreach去遍歷php數(shù)組, 因?yàn)楫a(chǎn)生的是臨時(shí)變量, 遍歷結(jié)束后會被釋放, 相比于for遍歷數(shù)組來說速度更快~
本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報(bào)處理！
全部評論 文明上網(wǎng)理性發(fā)言，請遵守新聞評論服務(wù)協(xié)議
0條評論
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長！
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

    • 登錄PHP中文網(wǎng)，和優(yōu)秀的人一起學(xué)習(xí)！
    全站2000+教程免費(fèi)學(xué)