首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • 判斷JS物件是否擁有某種屬性的兩種方式

    判斷JS物件是否擁有某種屬性的兩種方式

    兩種方式，但稍有差別1，in 運算子複製程式碼如下:var obj = {name:'jack'}; alert('name' in obj); // --> true alert('toString' in obj); // --> t
    2025-02-14
  • Javascript中最常用的55個經典技巧(1)

    Javascript中最常用的55個經典技巧(1)

    1. 將徹底屏蔽鼠標右鍵oncontextmenu="window.event.returnValue=false"
    2025-02-14
  • 鮮為人知的HTML5語音合成功能

    鮮為人知的HTML5語音合成功能

    聽一下就會發現，播放出來的聲音並不是預先錄製好的音訊資料，而是透過文字辨識後合成的語音請先戴上耳機，然後將下面的程式碼複製到chrome控制台中體驗～let msg = new SpeechSynthesisUtterance(歡迎你讀我的
    2025-02-14
  • 網頁設計統計報告：五年以來網頁體積增長三倍

    網頁設計統計報告：五年以來網頁體積增長三倍

    Ryan Levering 和Michal Cutler 在2006年對21500個非Frame 型網頁進行了統計，發現，這些網頁平均包含474個單詞，281個HTML 標籤，41個鏈接，其中有10個是站外鏈接，他們還發現，平均頁面高度為1440像素，是屏幕高度的兩倍，當頁面打開的時候，用戶看到最多的是圖形，而不是文字，圖形是網頁中最主要的對象，圖形是頁面打開速度緩慢的最主要因素。
    2025-02-14
  • HTML5canvas 繪製一個圓環形的進度表示實例

    HTML5canvas 繪製一個圓環形的進度表示實例

    HTML5 canvas 繪製圓環形進度先看一下畫出來的效果,如下圖,這樣一個圓環形的進度.我這裡使用HTML5的Canvas來要製作這樣一個圓環形的進度,首先是HTML頁面,HTML5的文檔標識是:<!DOCTYPE html>這個文檔標
    2025-02-14
  • 關於js數組去重的問題小結

    關於js數組去重的問題小結

    1.根據js對像中key不重複的原則，構思出數組去重的方法，按照最常規的思維如下：複製代碼代碼如下:function distinctArray(arr){var obj={},temp=[];for (var i=0;i
    2025-02-14
  • HTML5、Select下拉框右邊加圖標的實現代碼(增進用戶體驗)

    HTML5、Select下拉框右邊加圖標的實現代碼(增進用戶體驗)

    本文給大家講h5、select下拉框右邊加圖標，深度美化頁面增進用戶體驗效果1.那麼我們先來看一下效果吧！ 2.再看看h5的結構：<div id=login-div>
    2025-02-14
  • 怎麼判斷js腳本加載完成

    怎麼判斷js腳本加載完成

    在“按需加載”的需求中，我們經常會判斷當腳本加載完成時，返回一個回調函數，那如何去判斷腳本的加載完成呢？我們可以對加載的JS 對象使用onload 來判斷（js.onload），此方法Firefox2、Firefox3、Safari3
    2025-02-14
  • HTML 5.1學習之新增的14項特性與應用示例

    HTML 5.1學習之新增的14項特性與應用示例

    前言眾所周知HTML5 屬於萬維網聯盟(W3C), 這個組織為整個網絡界提供了標準，如此形成的協議可在全世界通行。在2016 年11 月， W3C 對長期行使的HTML 5 標准進行了更新，它是2年內的第一次小更新。許多最開始提出的
    2025-02-14
  • js獲取指定的cookie的具體實現

    js獲取指定的cookie的具體實現

    複製代碼代碼如下: var cookieName = "cookie名字"; var cookieValue = null;//返回cookie的value值if (document.cookie && document.cookie !
    2025-02-14
  • javascript數組操作總結和屬性、方法介紹

    javascript數組操作總結和屬性、方法介紹

    一、數組的操作1、數組的創建複製代碼代碼如下:var arrayObj = new Array(); //創建一個數組var arrayObj = new Array([size]); //創建一個數組並指定長度，注意不是上限，是長度var
    2025-02-14
  • 兼容主流瀏覽器的iframe自適應高度js腳本

    兼容主流瀏覽器的iframe自適應高度js腳本

    兼容主流瀏覽器的Iframe 自適應高度，js腳本如下： 複製代碼代碼如下: //iframe 高度自適應function iframeAutoFit(iframeObj) { setTimeout(function () { if (
    2025-02-14
  • html5 div佈局與table佈局詳解

    html5 div佈局與table佈局詳解

    本文實例為大家解析了html5 div佈局與table佈局，供大家參考，具體內容如下div佈局：html+css實現簡單佈局。 #container中height不能寫成百分數，必須為具體高度。<!DOCTYPE html><html>
    2025-02-14
  • HTML5本地存儲之IndexedDB

    HTML5本地存儲之IndexedDB

    IndexedDB 是一種低級API，用於客戶端存儲大量結構化數據(包括, 文件/ blobs)。該API使用索引來實現對該數據的高性能搜索。最近有一項業務需求，就是可以離線存儲數據，等到有網絡信號的時候可以上傳表單和圖片。所以研究了一下H
    2025-02-14
  • 調用DOM對象的focus使文本框獲得焦點

    調用DOM對象的focus使文本框獲得焦點

    由於JQuery中獲得的對像還是JQuery對象，對其使用focus()只是使該對象獲得onFocus()函數，不能是對象獲得焦點，所以要使對象獲得焦點，應該調用DOM對象的focus 方法，即： 複製代碼代碼如下: $("#id")[0]
    2025-02-14
上一頁 456789101112下一頁