整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
avaScript 使 HTML 頁面具有更強的動態和交互性。
在線實例
插入一段腳本
如何將腳本插入 HTML 文檔。
使用 <noscript> 標簽
如何應對不支持腳本或禁用腳本的瀏覽器。
HTML <script> 標簽
<script> 標簽用于定義客戶端腳本，比如 JavaScript。
<script> 元素既可包含腳本語句，也可通過 src 屬性指向外部腳本文件。
JavaScript 最常用于圖片操作、表單驗證以及內容動態更新。
下面的腳本會向瀏覽器輸出"Hello World!"：
實例
<script>document.write("Hello World!");</script>
Tip: 學習更多關于Javascript教程，請查看JavaScript 教程!
HTML<noscript> 標簽
<noscript> 標簽提供無法使用腳本時的替代內容，比方在瀏覽器禁用腳本時，或瀏覽器不支持客戶端腳本時。
<noscript>元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。
只有在瀏覽器不支持腳本或者禁用腳本時，才會顯示 <noscript> 元素中的內容：
實例
<script>document.write("Hello World!")</script><noscript>抱歉，你的瀏覽器不支持 JavaScript!</noscript>
JavaScript體驗(來自本站javascript教程)
JavaScript實例代碼:
JavaScript可以直接在HTML輸出:
document.write("<p>這是一個段落。</p>");
JavaScript事件響應:
<buttontype="button"onclick="myFunction()">點我！</button>
JavaScript處理 HTML 樣式:
document.getElementById("demo").style.color="#ff0000";
HTML 腳本標簽
| 標簽 | 描述 |
|---|---|
| <script> | 定義了客戶端腳本 |
| <noscript> | 定義了不支持腳本瀏覽器輸出的文本 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
載腳本長期以來一直是互聯網可用性的重要組成部分。一般都是在服務端來實現的居多，隨著技術的發展，前后端分離技術的興起，以前很多后端的事也更多讓前端來實現，我開始尋找一種無需服務器就可以強制下載的方法，經過一番努力，終于我找到了它，就在Firefox Devols Debugger中，有興趣的朋友可以自己去試一下！
后端的活我也能干了
廢話不多說，直接上腳本。
1、javascript腳本
function downloadFile(data, fileName, type="text/plain") {
// 創建不可見的元素
const a = document.createElement("a");
a.style.display = "none";
document.body.appendChild(a);
// 將href設置為要下載數據的blob表示形式
a.href = window.URL.createObjectURL(
new Blob([data], { type })
);
// 使用下載屬性設置所需的文件名
a.setAttribute("download", fileName);
// 通過模擬點擊觸發下載
a.click();
// 清理
window.URL.revokeObjectURL(a.href);
document.body.removeChild(a);
}
2、html元素
<form onsubmit="onFormSubmit(); return false;"> <p> <label for="demo_filename">文件名稱：</label><br> <input type="text" id="demo_filename"> </p> <p> <label for="demo_content">內容：</label><br> <textarea id="demo_content"></textarea> </p> <button type="submit">下載</button> </form>
3、運行效果
是不是很簡單，這樣做的函數非常小，并且依賴于URL.createObjectUrl，函數注入<a>元素，將其設置為Blob值設置為目標文件的文本內容，并單擊下載按鈕以觸發下載。元素在過程中保持隱藏狀態，并在click()調用，一旦函數被調用，瀏覽器的下載提示就會顯示出來，createObjectURL和Blob這兩種技術才是真正的魔力！
后端工程師表示可以早點下班了
1、之前出了一篇oracle自動巡檢腳本生成html報告和一篇Linux服務器系統自動巡檢腳本生成html報告，本篇文章出一篇mysql自動巡檢腳本生成html報告。
2、腳本只提供部分簡單的巡檢內容，如binlog信息、數據庫運行信息，還有些mysql的一些重要參數配置，其他的巡檢內容大家根據實際需要編輯修改，增加符合自己需求的巡檢內容。
3、項目已經上傳到我的github上
項目地址：https://github.com/domdanrtsey/mywatch
二、注意事項與報告部分截圖
注意閱讀git上的README.md說明
1、需要使用root用戶執行
2、使用說明
多實例下運行此腳本時，要注意區分不同實例的root用戶密碼與對應端口號
myuser="root"
mypasswd="XXXXX"
myip="localhost"
myport="3306"3、執行完巡檢之后，將在腳本所在的路徑下生成html巡檢結果報告，如下192.168.35.244os_mysql_simple_summary.html
4、巡檢項信息如下（其他統計項可根據實際需要自行添加）
0)、巡檢ip信息
1)、數據庫基本信息與binlog參數信息
2)、數據庫運行狀況信息
3)、數據庫一些重要參數配置信息
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
