像官方幫助文件前端程式 -- 右邊內容部分

阿新 • • 發佈：2020-12-29

目的：想做個像很多官方文件那樣的幫助檔案。
這篇主要目的，點選左邊導航欄，載入右邊內容
需要用到AJAX技術，AJAX實現區域性載入的技術。

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style>
    ul {
      list-style-type: none;
      padding: 0;
      width:20%;
      float 
: left;
    }
    li a {
      display: block;
      color:black;
      text-decoration: none;
    }
    li a:hover {
      color: cornflowerblue;
    }
    .erji {
      width:100%;
    }
    .list {
      background-color: coral;
    }
    .xiala {
      background-color: burlywood;
      padding-left 
: 25px;
      padding-top: 5px;
    }
    .dexter-document {
      height:100%;
      float: left;
      width: 70%;
    }

  </style>
  <script type="text/javascript">
    function show(id){
      var a=document.getElementById(id);
      if (a.style.display=="none"){
        a. 
style.display = "block";
      }
      else {
        a.style.display = "none";
      }
    }
  </script>
  <script type="text/javascript">
    var xmlhttp;
    function loadXMLDoc(url)
    {
    xmlhttp=null;
    if (window.XMLHttpRequest)
      {// code for Firefox, Opera, IE7, etc.
      xmlhttp=new XMLHttpRequest();
      }
    else if (window.ActiveXObject)
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }    /* 判斷使用的瀏覽器，建立不同的物件 */
    if (xmlhttp!=null)
      {
      xmlhttp.onreadystatechange=state_Change;
      xmlhttp.open("GET",url,true);
      xmlhttp.send(null);
      }
    else
      {
      alert("Your browser does not support XMLHTTP.");
      }
    }  /* 判斷瀏覽器是否支援XMLHTTP */
    function state_Change()
    {
    if (xmlhttp.readyState==4)
      {// 4 = "loaded"
      if (xmlhttp.status==200)
        {// 200 = "OK"
        document.getElementById('T1').innerHTML=xmlhttp.responseText;
        }
      else
        {
        alert("Problem retrieving data:" + xmlhttp.statusText);
        }
      }
    }  
    </script>
</head>
<body>
<div class="" :class="">
    <a href="#">bash shell</a>
  </div>
    <ul>
      <li class="list" >
        <a  onclick="loadXMLDoc('test2.txt')" >迴圈語句</a>
      </li>
      
      <li class="list" onclick="show('xinwen')">
         <a onclick="loadXMLDoc('test3.txt')">引數</a>
      </li>
        <ul class="erji" id="xinwen" style="display:none">
          <li class="xiala" >
            <a target="abcd">引數</a>
          </li>
          <li class="xiala" >
            <a onclick="loadXMLDoc('test4.txt')">exec 和 read 讀取配置檔案中將每個目錄名加到歸檔列表中</a>
          </li>
        </ul>
    </ul>
</div>
  <body onload="loadXMLDoc('test1.html')">
    <div id="T1" class="dexter-document"><br />
  </body>
</body>

像官方幫助文件前端程式 -- 右邊內容部分

技術標籤：前端程式設計jsajaxcsshtml 目的：想做個像很多官方文件那樣的幫助檔案。這篇主要目的，點選左邊導航欄，載入右邊內容需要用到AJAX技術，AJAX實現區域性載入的技術。

Keras官方中文文件:效能評估Metrices詳解

能評估使用方法效能評估模組提供了一系列用於模型效能評估的函式,這些函式在模型編譯時由metrics關鍵字設定

為WinForm專案新增幫助文件

1. F1彈出幫助文件先找個字尾是pdf的幫助文件，將它放在專案的helpDoc下,設定其“複製到輸出目錄”屬性為“如果較新則複製”在頁面上新增一個HelpProvider 控制元件在Load事件中加入兩行程式碼：helpProvider1.HelpN

javadoc命令生成幫助文件錯誤: 編碼 GBK 的不可對映字元 (0x80)

　　作為一名java小白，最近在學習java基礎。在cmd下，通過javadoc -d doc -author -version Xxx.java 命令生成幫助文件出現了錯誤：編碼 GBK 的不可對映字元 (0x80)。

不再用上官網，自己部署一套ElementUI官方最新文件

ElementUI官方的訪問速度一直很慢，公司內網也無法進行外網訪問。故研究了下最新的ElementUI API(2.13.2)部署教程。

Java8開發幫助文件免費下載

任意選擇一個連結下載。連結永久有效連結為百度網盤下載連結。連結：https://pan.baidu.com/s/1O3Khn_XZNQqr8BZWYV3nfg 提取碼：gkwl

【QCustomPlot】1.1 - Qt .qch幫助文件匯入使用

上一篇說過，QCustomPlot下載後的檔案中是有幫助文件的。在 documentation 資料夾下，qcustomplot.qch，就是這麼個鬼東東。

JavaSE學習筆記02運算子、幫助文件生成與Scanner輸入

1. 運算子 1. 算術運算子：+，-，*，/，%，++，-- //二元運算子 int a = 10; int b = 20; int c = 25;

Git開源的SpringCloud專案+文件，程式設計師學習怎麼可以沒有實踐

前言不知道大家有沒有學了忘，忘了學的狀態，很多時候不是不想學習，只是花了不少的時間，看了不少的視訊文件，也做了不少的筆記，但是，因為沒有應用，用我朋友的話說就是：反正學完了公司用不到也就忘了

Mac電腦如何使用MyZip壓縮檔案--幫助文件(2)

選中壓縮檔案-右擊-壓縮1.什麼是多執行緒？執行緒，是應用程式程序的一個最小執行單位，通常一個任務由一個執行緒完成。在處理複雜任務時，也可能用到多執行緒一起工作。多執行緒技術是指從軟體或者硬體上

qt幫助文件檢視樣式表stylesheet

在QCreactor幫助文件中搜索以下關鍵字： Qt Style Sheets Examples 有所有控制元件的樣式例子

每天powershell-outfile幫助文件翻譯

摘要：Sends output to a file. 將輸出傳送到檔案語法： Out-File [-FilePath] <System.String> [[-Encoding] {ASCII | BigEndianUnicode | Default |OEM | String | Unicode | Unknown | UTF7 | UTF8 | UTF3