重新載入.JS檔

如何在修改.JS後，能夠讓頁面更新，不要使用 cache 資料

[Chrome]
按下 [F5] 是重新整理但使用cache
按下 [Ctrl] + [F5] 是全部重新載入

其他解決方法
chrome 還可以直接用滑鼠在網址列左邊的重新整理按鈕，按右鍵，選擇[清除快取並強制重新載入]，點選執行即可。

[Firefox]
與 Chrome 相同
按下 [F5] 是重新整理但使用cache
按下 [Ctrl] + [F5] 是全部重新載入

另一個方法

選擇[所有歷史記錄]-->選[快取] 打勾其他，不要勾[保證有效]

如果要確定每次使用者都是載入新的內容則可以使用隨機參數：
src="/css/styles.css?v={隨機製造一個亂數或字串}"

參考資料

[1] How to force Chrome browser to reload .css file while debugging in Visual Studio?

[2] http://superuser.com/questions/220179/how-can-i-do-a-cache-refresh-in-google-chrome

bootstrap 4 dropdown 失效

       
div {
     /*overflow: hidden;*/
     text-overflow: ellipsis;
     white-space: nowrap;
     line-height: 20px;
     }

只要把紅色區塊註解掉即可。

設定全頁的字型

            <div class="panel-body">

                <style type="text/css">
                    /*全部設定字體*/
                    body {
                        font-family: 微軟正黑體, 標楷體, 新細明體, verdana, Times New Roman;
                    }
                </style>

HTML5 div 標籤顯示與關閉控制

<div id="TableauViewDiv" class="col-sm-12" align="center" style="display: none">
</div>

<script>
        function TableauView_HideShow() {
            var x = document.getElementById("TableauViewDiv");
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
        }

說明：
直接在Div裡控制
關閉：<div id="1" style="display: none"></div>
顯示：<div id="1" style="display: block"></div>

在 JavaScript 裡控制
關閉：document.getElementById("TableauViewDiv").style.display = "none";
顯示：document.getElementById("TableauViewDiv").style.display = "block";

HTML5 a 標籤 沒有手指的指標出現新增 href 假資訊

如下所示：

<a class="list-group-item" type="button" href="javascript: return false;" onclick="ShowTableauView(\'' + temp_SubMenuName + '\')">' + temp_SubMenuName + '</a>';