第 31 頁-js教學_JavaScript圖文教學-PHP中文網

Article Tags

全部
網路3.0
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
後端開發
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
web前端
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
資料庫
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
運維
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
開發工具
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
php框架
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
常見問題
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
其他
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
科技
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
CMS教程
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
Java
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
系統教程
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
電腦教學
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
硬體教學
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
手機教學
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
軟體教學
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome
手遊教學
- js教程
- html教學
- css教學
- H5教程
- 前端問答
- PS教程
- Bootstrap教程
- Vue.js
- Unity
- ECharts
- Express框架
- JSON
- Promise
- 正規表示式
- less
- http
- edge
- chrome

首頁

科技文章

web前端

js教程

學習與JavaScript：第1部分，基礎知識

JavaScript 入門：環境搭建與數據類型本文將指導您搭建JavaScript開發環境，並介紹JavaScript中的基本數據類型。您可以使用瀏覽器或Node.js進行代碼測試。環境搭建最便捷的方法是使用您的瀏覽器。如果您是編程新手，這是理想的選擇。只需在Firefox中按下Ctrl Shift K，或在Chrome中按下Ctrl Shift J，即可打開瀏覽器控制台，開始編寫和運行代碼。下圖展示了一個已執行代碼行的示例：如果您熟悉運行環境的安裝和配置，也可以選擇使用Node.js

Mar 09, 2025 am 12:14 AM

構建您自己的Ajax Web應用程序

因此，在這裡，您準備好了解所有稱為Ajax的東西。但是，到底是什麼？ AJAX一詞是指用於創建動態，交互式Web內容的一系列寬鬆的技術。 Ajax一詞，最初由Jesse J創造

Mar 09, 2025 am 12:11 AM

jQuery按字母順序插入列表

此函數將項目按字母順序插入（假設包含字母）。最初設計是為了創建一個平滑的單頁面加載/保存功能，該功能按字母順序對下拉列表中的所有內容進行排序，你猜對了，按字母順序。可以簡單地修改以適應任何類型的佈局（對於示例，有序列表更容易）。 function insert() { let name = $("input[name='insertvalue']").val(); if (name !== '') { let inserted = false;

Mar 09, 2025 am 12:10 AM

jQuery替換在字符串中

這是一個簡單的 jQuery 代碼片段，用於替換字符串中所有出現的字符（或字符串）。它可以用來查找和替換字符串中找到的所有子字符串。請記住在第一個參數中省略引號（g 代表全局，你也可以使用 i 進行不區分大小寫的搜索）。 // 字符串全局搜索 str = str.replace(/find/g,"replace"); // 或字符串全局且不區分大小寫搜索 str = str.replace(/find/gi,"replace"); 使用動態變量進行全局替換

Mar 09, 2025 am 12:09 AM

構建簡單的密碼強度檢查器

現在提供即時反饋是目前的進來。為什麼要限制自己檢查用戶名和電子郵件地址？為什麼不擴展它以提供有關用戶輸入密碼強度的快速視覺反饋？今天，我們將看看

Mar 09, 2025 am 12:08 AM

示例Google Maps JSON文件

（本文系列於2017年中更新了，其中包括當前信息和新示例。）2005年推出的Google Maps是一家領先的在線映射服務，提供路線計劃，衛星圖像，實時流量等。它的受歡迎程度是

Mar 09, 2025 am 12:06 AM

jQuery漂亮的餡餅點擊懸停菜單

大家好，我偶然發現了這個非常酷的懸停菜單，該菜單圍繞元素旋轉，並且在您將鼠標移動時會自動選擇菜單項。它還具有非常酷的功能，可以右鍵單擊M時出現它

Mar 09, 2025 am 12:05 AM

VUE.JS教程：前端開發人員的初學者

本課程將教您使用vue.js構建應用程序的基本概念。

Mar 09, 2025 am 12:04 AM

DHTML Utopia：使用JavaScript和DOM的現代網絡設計

解鎖動態網頁的魅力：深入DHTML世界本文節選自SitePoint新書《DHTML Utopia: Modern Web Design Using JavaScript & DOM》，該書深入探討了DHTML技術，教你如何在不犧牲可用性和標準兼容性的前提下，創建豐富的用戶體驗。作者Stuart Langridge 運用Web標準，並分離代碼和標記，構建引人入勝、實用且交互性強的DHTML應用。本書涵蓋300多頁的DHTML技巧，內容包括文檔對像模型(DOM)、遠程腳本、Ajax、XM

Mar 09, 2025 am 12:03 AM

jQuery插入腳本以保護/加密頁面

關鍵要點本文探討了在頁面加載過程中使用 JavaScript/jQuery 動態插入腳本到 DOM head 標籤的問題。作者針對以下問題提供了解決方案：IE8 因加密頁面/網站而導致錯誤消息；加載第二個引用第一個腳本創建的變量的腳本導致未定義的錯誤消息；document.write 導致頁面刷新。作者提供了一個可在所有瀏覽器（包括 IE8）中運行的最終腳本。此腳本在加載 OpenX 腳本之前檢查頁面是否未加密，並在使用變量之前檢查變量是否存在，從而避免錯誤。常見問題解答部分強調了將腳本

Mar 09, 2025 am 12:01 AM

通過書籤更好

核心要點書籤小程序是嵌入瀏覽器書籤中的小型 JavaScript 代碼，可增強 Web 瀏覽器的功能並簡化 Web 開發人員的工作流程。書籤小程序的用途範圍很廣，從簡單的導航任務到更複雜的操作，例如修改頁面內容、分析頁面的結構，甚至自動化網站上的任務。雖然書籤小程序通常安全可靠，但它們可能會導致命名空間衝突。可以通過創建具有自身變量作用域的匿名函數作為書籤小程序來避免此問題。對於復雜的書籤小程序，存在一種方法可以繞過某些瀏覽器中書籤的長度限制。實際的書籤小程序實現可以作為外部 .js

Mar 08, 2025 am 01:00 AM

使用jQuery和Ajax自動刷新DIV內容

本文演示瞭如何使用jQuery和ajax自動每5秒自動刷新DIV的內容。該示例從RSS提要中獲取並顯示了最新的博客文章以及最後的刷新時間戳。加載圖像是選擇

Mar 08, 2025 am 12:58 AM

Fontface jQuery插件

關鍵要點Fontface jQuery插件簡化了在網站上使用自定義字體的過程，從而僅通過加載必要的字體文件來確保跨瀏覽器的兼容性和更快的加載時間。該插件支持所有字體文件類型支持

Mar 08, 2025 am 12:57 AM

Matter.js入門：簡介

Matter.js是一個用JavaScript編寫的2D剛體物理引擎。此庫可以幫助您輕鬆地在瀏覽器中模擬2D物理。它提供了許多功能，例如創建剛體並為其分配質量、面積或密度等物理屬性的能力。您還可以模擬不同類型的碰撞和力，例如重力摩擦力。 Matter.js支持所有主流瀏覽器。此外，它也適用於移動設備，因為它可以檢測觸摸並具有響應能力。所有這些功能都使其值得您投入時間學習如何使用該引擎，因為這樣您就可以輕鬆創建基於物理的2D遊戲或模擬。在本教程中，我將介紹此庫的基礎知識，包括其安裝和用法，並提供一

Mar 08, 2025 am 12:53 AM