用JavaScript生成面包屑導航|蘿卜系統下載站

編程（Programming）是編定程序的中文簡稱，就是讓計算機代碼解決某個問題，對某個計算體系規定一定的運算方式，使計算體系按照該計算方式運行，并最終得到相應結果的過程。為了使計算機能夠理解（understand）人的意圖，人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機，使得計算機能夠根據人的指令一步一步去工作，完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。

【實例名稱】

用JavaScript生成面包屑導航

【實例描述】

面包屑導航是一種不同于網站導航的常用頁面導航方式。本例學習如何通過一系列復選框實現面包屑導航的效果。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-本站（www.xue51.com）</title>
</head>
<body>
<input type="checkbox" name="ck" value="子目錄A">子目錄A
<input type="checkbox" name="ck" value="子目錄B">子目錄B
<input type="checkbox" name="ck" value="子目錄C">子目錄C
<input type="checkbox" name="ck" value="子目錄D">子目錄D
<input type="checkbox" name="ck" value="子目錄E">子目錄E
<input type="button" value="生成" onclick="create();"><br>
<div id="子目錄E" style="color:gray"></div>
<script>
function create()
{
    var arr = document.getElementsByName("ck");     
//獲取所有的復選框元素，保存在數組中
    var newarr = [];
    for(var i=0;i<arr.length;i++){                  
//遍歷所有的復選框
     if(arr[i].checked){                         
//判斷某項是否被選中
      newarr.push(arr[i].value);              
//添加到新數組中
     }
    }
    子目錄E.innerHTML = newarr.join("->");          
//生成面包屑效果
}
</script>
</body>
</html>

【運行效果】

用JavaScript生成面包屑導航運行效果

【難點剖析】

本例通過兩個數組實現了內容的選擇，然后通過“一>”連接符號實現了面包屑效果。其中數組的“push”方法，用來將某個值添加到數組中。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性，你可以點擊：用JavaScript生成面包屑導航進行本實例源碼下載

使用編程語言寫的程序，由于每條指令都對應計算機一個特定的基本動作，所以程序占用內存少、執行效率高。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 技術開發教程 > 詳細頁面

用JavaScript生成面包屑導航

本類教程下載

系統下載排行