發表文章

目前顯示的是有「javascript」標籤的文章

Export Excel

Include 'datagrid-export.js' file <script type = "text/javascript" src = "datagrid-export.js" ></script> Export DataGrid $ ( '#dg' ). datagrid ( 'toExcel' , 'dg.xls' ); // export to excel $ ( '#dg' ). datagrid ( 'print' , 'DataGrid' ); // print the datagrid  https://www.jeasyui.com/extension/datagrid_export.php

javascript html to excel

 https://www.citiar.com/ucamc/e-learning/javascript/319-javascript-html%E8%A1%A8%E6%A0%BC%E8%BD%89%E6%8F%9B%E7%82%BA%E8%BC%B8%E5%87%BAexcel%E9%9B%BB%E5%AD%90%E8%A1%A8%E6%A0%BC.html https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/205577/ https://www.citiar.com/ucamc/e-learning/javascript/319-javascript-html%E8%A1%A8%E6%A0%BC%E8%BD%89%E6%8F%9B%E7%82%BA%E8%BC%B8%E5%87%BAexcel%E9%9B%BB%E5%AD%90%E8%A1%A8%E6%A0%BC.html https://www.ucamc.com/e-learning/javascript/319-javascript-html%E8%A1%A8%E6%A0%BC%E8%BD%89%E6%8F%9B%E7%82%BA%E8%BC%B8%E5%87%BAexcel%E9%9B%BB%E5%AD%90%E8%A1%A8%E6%A0%BC

JavaScript

V VV https://tigercosmos.xyz/post/2018/11/master_js/function/  https://www.awoo.com.tw/blog/javascript-introduction/ https://developer.mozilla.org/zh-TW/docs/Learn/JavaScript/First_steps/What_is_JavaScript

[javascript] (重要) 物件 & 陣列

重點整理 在 JavaScript 中,除了七種純值外,其他資料型別都是物件型別。 陣列(array)以 [] 中括號表示 ,可以想像成是有順序的箱子之集合。 宣告陣列:  let arr = [] 放入值:  arr.push(value) 取得值: arr[index] 取得陣列長度:  arr.length 物件(object)以 {} 大括號表示,是被賦予值的名稱之組合,在記憶體中是 名稱/值 的配對。 物件裡的值:可以是任何東西(例如:純值、函式、陣列等。) 宣告物件:  let obj = {} 放入組合:  obj.name = 'mia'  or  obj[name] = 'mia' 取出值: obj.name  or  obj[name] 將組合從物件刪除: delete obj.name https://miahsuwork.medium.com/%E7%AC%AC%E5%9B%9B%E9%80%B1-javascript-%E9%99%A3%E5%88%97-array-%E8%88%87-%E7%89%A9%E4%BB%B6-object-25f13e3d3c92 陣列(Array) 是包含許多值的集合,是有順序性的物件。 [補充說明] 陣列可以放入沒有順序性或沒有關聯性的資料嗎? 可以,但就失去了陣列的意義。 大部分的程式語言,陣列可以包含一連串相同型別的東西(例如:數字陣列、字串陣列、物件陣列),JS 的陣列與其他語言不太相同的是,因為動態型別的關係,他會立刻知道東西的型別,因此他可以放入不相同型別的東西。 陣列在記憶體中是 索引/值 的配對。 舉例來說:儲存全班同學的數學成績,資料是有順序性及關聯性的(有序集合、列隊),因此就適合用陣列儲存。 通常會搭配迴(loop)使用。 用中括號表示[]。   創造陣列 方法1. 創造一個空陣列(常見用法) :  let score = [] 方法2. 利用函式建構式創造一個空物件:  let score = new Array() 語法: let score = [ value, value, value, value, …] 語法說明: 1. 索引  index ...

JavaScript:使用 Array.map、Object.values 和 Object.keys 處理一連串的資料

  JavaScript:使用 Array.map、Object.values 和 Object.keys 處理一連串的資料 https://cythilya.github.io/2018/06/17/array-and-object-handling/ 使用  Array.map 、 Object.values  和  Object.keys  處理「物件中有物件」和「陣列中有物件」的情況。 物件中有物件 一個物件包含了一串物件。 範例如下,這裡有一串 ID 與名字。 { " 1234567890 " : { id : " 1234567890 " , name : " Nina Ricci " , }, " 2345678901 " : { id : " 2345678901 " , name : " Hello Kitty " , }, " 3456789012 " : { id : " 3456789012 " , name : " Pusheen the cat " , }, } 取得 key 的陣列 在這一連串資料下取得 key 的陣列。 使用  Object.keys  取得物件的鍵值,組成陣列後回傳。 const idList = Object . keys ( list ); idList // ["1234567890", "2345678901", "3456789012"] 取得 value 的陣列 在這一連串資料下取得 value 之特性屬性的陣列。 使用  Object.values  取得物件的 value,組成陣列。 承上,使用  Array.map  將陣列中的特定屬性值取出,組成新陣列後回傳。 const nameList = Object . values ( list ). map ( item => item . name ); nameL...

[js] import file

圖片
https://www.youtube.com/watch?v=kJT-iMYMPKg&ab_channel=neilscodetutorials <script src=".../jquery.min.js"></script> <div id="buttondiv" >   <input type="file" id="inputfile" />   <input type="button" id="viewfile" value="Import file" /> </div> <div class="container" id="container">   <table class="gridtable" id="tableMain">     <thead>        <tr class="tableheader">           <th> column1</th>           <th> column2</th>           <th> column3</th>           <th> column4</th>        </tr>      </thead>   </table> </div> <script>    $(document).ready(function(){      $('#viewfile').click(function(){          var rdr ...

js object 合併

 1.js object 合併 2.post  Ajax  post 傳值 https://kknews.cc/zh-tw/code/j9q62r6.html 1.js object 合併-js使用Object.assign合并多个对象 https://www.itread01.com/content/1549915040.html https://segmentfault.com/q/1010000005018933/a-1020000005019144 var o1 = { a: 1 }; var o2 = { b: 2 }; var o3 = { c: 3 }; var obj = Object.assign(o1, o2, o3); console.log(obj); // { a: 1, b: 2, c: 3 } console.log(o1);  // { a: 1, b:  3.Object.keys(obj) https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Object/keys