<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>TShopping - JavaScript</title>
    <link>https://www.tshopping.com.tw/forum-345-1.html</link>
    <description>Latest 20 threads of JavaScript</description>
    <copyright>Copyright(C) TShopping</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Sat, 13 Jun 2026 19:31:58 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://www.tshopping.com.tw/static/image/common/logo_88_31.gif</url>
      <title>TShopping</title>
      <link>https://www.tshopping.com.tw/</link>
    </image>
    <item>
      <title>Chart.js 如何使用長方圖</title>
      <link>https://www.tshopping.com.tw/thread-265161-1-1.html</link>
      <description><![CDATA[官方網站

入門
讓我們開始學習 Chart.js 吧！

按照逐步指南快速上手 Chart.js
從 npm 或 CDN安裝 Chart.js
將 Chart.js與打包器、載入器和前端框架集成
使用 Node.js 中的 Chart.js
或者，請參閱下面的範例或查看樣本。

建立圖表
在這個範例中，我們將為單一資料集建 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Wed, 11 Mar 2026 09:14:50 +0000</pubDate>
    </item>
    <item>
      <title>jQuery 日期時間範圍選擇器 Date Range Picker (Bootstrap 外掛)</title>
      <link>https://www.tshopping.com.tw/thread-265150-1-1.html</link>
      <description><![CDATA[過去網頁表單要輸入日期不容易，往往得另外裝個外掛，例如基於 jQuery 的套件 datepicker。

而現在的瀏覽器使用 HTML5 已成為標準，Input 標籤內建就有簡易的選擇日期功能，只要加入屬性 type=\&quot;date\&quot; 就可使用，不必另裝外掛。

不過最近處理一個需求，需要輸入一段日 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Sun, 01 Feb 2026 14:06:35 +0000</pubDate>
    </item>
    <item>
      <title>JavaScript 函式（Function）</title>
      <link>https://www.tshopping.com.tw/thread-264983-1-1.html</link>
      <description><![CDATA[箭頭函式（arrow function, lambda function）​
基本用法


​


對 this 的影響​在箭頭函數中，this 指稱的對象在所定義時就固定了，this 會和 instance object 綁定，而不會隨著使用時的脈絡而改變（An arrow function is bound to its parent scope）：



函式預 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Wed, 21 May 2025 15:15:48 +0000</pubDate>
    </item>
    <item>
      <title>以JavaScript , SVG 繪製一個 pieChart (圓餅圖)</title>
      <link>https://www.tshopping.com.tw/thread-264981-1-1.html</link>
      <description><![CDATA[展示圖：




程式碼]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Mon, 19 May 2025 15:23:27 +0000</pubDate>
    </item>
    <item>
      <title>JavaScript 實作一個 search-box Web 元件</title>
      <link>https://www.tshopping.com.tw/thread-264980-1-1.html</link>
      <description><![CDATA[HTML
加入


完成圖]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Mon, 19 May 2025 14:43:38 +0000</pubDate>
    </item>
    <item>
      <title>Javascript 壓縮、混淆、加密、解密工具及原理</title>
      <link>https://www.tshopping.com.tw/thread-264842-1-1.html</link>
      <description><![CDATA[網頁前端的程式語言 Javascript，由於攤在陽光下誰都看得到，不如後端來得安全。因此除了機密性的程式碼別放前端，最好網頁上的 JS 也需要經過處理，除了降低可讀性，也可避免被盜用。

常見的處理方式有壓縮、加密、混淆等等，如果做得太簡化，使用某些破解工具就能還 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Wed, 04 Sep 2024 08:22:30 +0000</pubDate>
    </item>
    <item>
      <title>WOW.js 特效教學</title>
      <link>https://www.tshopping.com.tw/thread-264288-1-1.html</link>
      <description><![CDATA[展示網址：點我觀看



[*]wow.js利用捲動觸發事件，與animate.css有趣的動畫結合，讓不會寫程式也會完成捲動動畫效果。
[*]官網GitHub：https://github.com/graingert/wow
[*]官網動畫呈現：https://wowjs.uk/
[*]範例參考：連結
[*]License: MIT



《安裝方法》

ste ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Fri, 29 Jul 2022 15:29:27 +0000</pubDate>
    </item>
    <item>
      <title>JQuery dialog 分級視窗</title>
      <link>https://www.tshopping.com.tw/thread-264281-1-1.html</link>
      <description><![CDATA[完成圖


首先先下載幾個JS及CSS
jquery-1.9.1.js         jquery 主檔
jquery-ui.js              UI JS檔
js.cookie.js              Cookies JS檔
jquery-ui.dialog.css   CSS設定檔

文章出處： NetYea 網頁設計]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Wed, 13 Jul 2022 06:27:50 +0000</pubDate>
    </item>
    <item>
      <title>jQuery圖片懶載入 lazyload.js使用方法</title>
      <link>https://www.tshopping.com.tw/thread-263912-1-1.html</link>
      <description><![CDATA[lazyload是一個用Javascript編寫的jQuery外掛，它可以延遲載入長頁面中的圖片，在瀏覽器可視區域外的圖片將不會被載入，直到使用者將它們滾動到它們所在的位置。跟bootstrap一樣，lazyload.js也是依賴於jQuery
與之前的圖片引入路徑不同，真實的圖片路徑不再是用src屬性 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Mon, 08 Nov 2021 15:35:18 +0000</pubDate>
    </item>
    <item>
      <title>STRENGTH.JS 密碼強度檢查,使用 JQUERY 框架(已測試含附件)</title>
      <link>https://www.tshopping.com.tw/thread-262188-1-1.html</link>
      <description><![CDATA[DEMO圖片


Strength.js 套件能用在註冊時就先檢查密碼的強度，現在很多網站都有會員機制，很多人怕密碼會忘記或是偷懶都會用一些很簡短簡單的密碼，這樣就讓其它惡意的使用者就有機可趁，這也讓網站的管理者很頭大。

此套件主要的標準分數為:
密碼必須包含8個字符以上 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Thu, 12 Mar 2020 14:56:49 +0000</pubDate>
    </item>
    <item>
      <title>密碼強度指示套件 - jQuery Password Strength Indicator</title>
      <link>https://www.tshopping.com.tw/thread-262187-1-1.html</link>
      <description><![CDATA[前言
最近客戶想做密碼強度指示器，讓用戶輸入密碼的時候，即時知道自己的密碼複雜度

但一想到要自己去\&quot;定義\&quot;怎樣的密碼複雜度算弱or強，整個人就惰性大發XD(畢竟牽扯JS邏輯+UI bar條+配給CSS顏色)

幸好網路上找來找去，有找到一個簡單好用好上手的套件，也就是本文的 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Thu, 12 Mar 2020 12:45:16 +0000</pubDate>
    </item>
    <item>
      <title>jQuery - 獲得該元素內容和屬性</title>
      <link>https://www.tshopping.com.tw/thread-261214-1-1.html</link>
      <description><![CDATA[獲得內容- text()、html() 以及val()三個簡單實用的用於DOM 操作的jQuery 方法：
[*]text() - 設置或返回所選元素的文本內容
[*]html() - 設置或返回所選元素的內容（包括HTML 標記）
[*]val() - 設置或返回表單字段的值
下面的例子演示如何通過jQuery text() 和html()  ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Thu, 01 Aug 2019 13:43:02 +0000</pubDate>
    </item>
    <item>
      <title>用jquery做相册</title>
      <link>https://www.tshopping.com.tw/thread-261177-1-1.html</link>
      <description><![CDATA[範例圖片


CSS
HTML code
JavaScript code]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Thu, 18 Jul 2019 15:02:34 +0000</pubDate>
    </item>
    <item>
      <title>jquery.pagination.js  JS分頁插件：簡單，易用，輕量級(修改版)</title>
      <link>https://www.tshopping.com.tw/thread-261147-1-1.html</link>
      <description><![CDATA[修改版下載
完成圖##使用步驟###步驟1：引入資源文件
###步驟2：調用mbUploadify
##配置項以下為全部配置項
但是上圖還缺了一個按鈕，感覺有點不方便，所以修改了一下
找到jquery.pagination.jsnext下加入這行，模板 template也加入這行
jquery.pagination.css
改成
完 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Wed, 03 Jul 2019 15:31:10 +0000</pubDate>
    </item>
    <item>
      <title>jQuery報錯：Uncaught ReferenceError: $ is not defined</title>
      <link>https://www.tshopping.com.tw/thread-261133-1-1.html</link>
      <description><![CDATA[jQuery報錯：Uncaught ReferenceError: $ is not defined 


出現這個報錯的原因：


1.jQuery庫文件的路徑不對，檢查文件路徑是否正確一般就能解決該錯誤。


2.如果庫文件的路徑是正確的，那麼可能在html中加載jQuery庫文件順序有誤，如果將jQuery庫文件加載放到最開 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Mon, 01 Jul 2019 14:42:46 +0000</pubDate>
    </item>
    <item>
      <title>jquery+ajax+php實現聊天室，結果打字回車後聊天室面板沒有...</title>
      <link>https://www.tshopping.com.tw/thread-261129-1-1.html</link>
      <description><![CDATA[一、demo1.html
二、backend.php
三、demo.xml
四、sql.sql


經過測試後發現backend.php內的


無法判斷
解決方法
等待處裡中


文章出處]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Sat, 29 Jun 2019 03:34:13 +0000</pubDate>
    </item>
    <item>
      <title>jquery 遍歷某div的a標籤鏈接獲取href值與a之間的文字</title>
      <link>https://www.tshopping.com.tw/thread-261111-1-1.html</link>
      <description><![CDATA[文章出處]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Wed, 12 Jun 2019 15:39:03 +0000</pubDate>
    </item>
    <item>
      <title>jQuery獲取checkbox選中項等操作及注意事項</title>
      <link>https://www.tshopping.com.tw/thread-233948-1-1.html</link>
      <description><![CDATA[今天在做一個項目功能時需要顯示checkbox選項來讓用戶進行選擇，由於前端不是很熟練，所以做了一個簡單的Demo，其中遇到一些小問題，特記錄下來，希望能幫到遇到類似問題的同學們。

1. 獲取checkbox的選中項

2. checkbox選項的全選 反選操作

用於測試的checkbox代碼 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Sun, 02 Mar 2014 17:26:15 +0000</pubDate>
    </item>
    <item>
      <title>javascript 常用的編碼格式有：escape(), encodeURL()</title>
      <link>https://www.tshopping.com.tw/thread-229638-1-1.html</link>
      <description><![CDATA[在程式或者網頁的應用中我們常常需要把中文轉換為其他編碼
例如在 Google Chart API：繪製中文圓餅圖(Pie Chart)
就需要把中文網址轉換為 UTF-8 的編碼
用Java替中文轉碼：URLEncoder 中已經介紹了使用Java來轉碼的方法
這一篇要介紹的則是Javascript中的三種轉碼工具以 ...]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Tue, 11 Jun 2013 11:47:07 +0000</pubDate>
    </item>
    <item>
      <title>javascript xmlhttp 回傳值訊息表示</title>
      <link>https://www.tshopping.com.tw/thread-229564-1-1.html</link>
      <description><![CDATA[The onreadystatechange eventWhen a request to a server is sent, we want to perform some actions based on the response.
The onreadystatechange event is triggered every time the readyState changes.
The readyState property holds the status of the XMLHtt ..]]></description>
      <category>JavaScript</category>
      <author>woff</author>
      <pubDate>Fri, 07 Jun 2013 09:23:47 +0000</pubDate>
    </item>
  </channel>
</rss>