JavaScript

一、定義觀察者模式（發布-訂閱模式）：其定義對象間一種一對多的依賴關係，當一個對象的狀態發生改變時，所有依賴於它的對象都將得到通知。 在JavaScript中，一般使用事件模型來替代傳統的觀察者模式。 好處： （1）可廣泛應用於非同步編程中，是一種替代傳遞迴調函數的方案。

本文執行個體講述了JavaScript+html5 canvas製作的百花齊放效果。分享給大家供大家參考，具體如下：運行效果截圖如下：具體代碼如下：<!DOCTYPE html><html> <head> <title>demo</title> <style type="text/css"> body { margin:0; padding:0; } #canvas { border:5px

Javascript中定義函數的方式有多種，函數直接量就是其中一種。如var fun = function(){},這裡function如果不賦值給fun那麼它就是一個匿名函數。好，看看匿名函數的如何被調用。方式1，調用函數，得到傳回值。強制運算子使函數調用執行(function(x,y){alert(x+y);return x+y;}(3,4)); 方式2，調用函數，得到傳回值。強制函數直接量執行再返回一個引用，引用再去調用執行(function(x,y){alert(x+y);return

本文執行個體講述了JavaScript+html5 canvas繪製的圓弧蕩鞦韆效果。分享給大家供大家參考，具體如下：運行效果截圖如下：具體代碼如下：<!DOCTYPE html><html> <head> <title>demo</title> <style type="text/css"> #canvas { margin:50px; border:5px solid gray;

廢話不多說了，直接給大家寫js代碼了，代碼如下所示:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>js全屏透明遮罩鎖屏效果</title&

先看看效果圖，效果比較簡單：具體代碼：<html> <head> <title>javaScript日曆</title> <meta charset="utf-8"/> <style type="text/css"> *{ margin:0; padding:0; } .calendar{ width:300px;

本文執行個體講述了JavaScript實現擷取某個元素相鄰兄弟節點的prev與next方法。分享給大家供大家參考，具體如下：/*** 擷取相鄰元素* @param ele 參考物元素* @param type 類型，上一個(1)or下一個(0)* @return 返回尋找到的元素Dom對象，無則返回null*/function getNearEle(ele, type) { type = type == 1 ? "previousSibling" : "nextSibling";

本文執行個體講述了JavaScript實現給定時間相加天數的方法。分享給大家供大家參考，具體如下：/*** 時間相加處理函數* @param date 需要計算的時間(xxxx-xx-xx)* @param plusDays 要加的天數(整數)*/function calcuDate(date, plusDays) { var dateArray = date.split("-"); var year = +dateArray[0]; var month = +dateArray[1];

本文全篇介紹了JavaScript事件流和事件處理常式，分享給大家供大家參考，具體內容如下一、事件流事件流描述的是從頁面中接收事件的順序。IE的事件流是事件冒泡流，而Netscape Communicator的事件流是事件捕獲流。二、事件冒泡即事件開始時由最具體的元素接收，然後逐級向上傳播到較為不具體的節點。如：<!DOCTYPE html><html lang="en"><head> <meta

<script> 2function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } 8var num = GetRandomNum(1,10); 9alert(num); </script> var chars = ['0','1','2','3','4','5','6','7

HTMLFormElement繼承了HTMLElement，它自己專屬的屬性和方法有： acceptCharset:伺服器能夠處理的字元集，等價於HTML的accept-charset特性 action：接收請求的URL，等價於HTML中的action特性。 elements：表單中所有控制項的集合（HTMLCollection） enctype：請求的編碼類別型 length：表單中控制項的數量 method:要發送的HTTP請求類型，通常是get或post

在HTML中，有兩種方式來表現文字框：一種是使用input元素的單行文本，另一種是使用textarea的多行文字框。使用input方式，必須添加type，設定為“text”。 size特性，可以指定文字框內能夠顯示的字元數。 value屬性可以設定文字框的初始值。 maxlength特性則是用於指定文字框內可以接受的最大字元數。 textarea的初始值則必須放在開始和結束標籤之內。 cols是文字框字元行數； rows是文字框字元列數；

ECMAscript 中有5種簡單的資料類型，也被稱為基礎資料型別 (Elementary Data Type)：Undefined、Null、Boolean、Number和String。還有一種複雜的資料類型——Object。Undefined 類型在使用var 聲明變數但未對其進行初始化時，這個變數的值就是undefined。如：var number;document.write(number); //undefined如果沒有聲明變數則會出現下面這種錯誤。如：document.write(

本文分享一個能夠實現自動切換的選項卡功能，並給出它的具體實現過程。關於選項卡大家一定不會陌生，應用非常的頻繁，通常選項卡都是需要點擊或者划過才能夠實現切換。代碼執行個體如下:<html><head><meta charset=" utf-8"><title>tab切換</title><style type="text/css">body,h2,p{ margin:0px; padding:0px;}ul,li{

廢話不多說，直奔主題了。javascript的運行原理總結如下：1、按照html文檔流順序執行javascript代碼瀏覽器是按照文檔流從上到下逐步解析頁面結構和資訊的，javascript代碼作為嵌入的指令碼作為html文檔的組成部分，所以javascript代碼在載入時的執行順序也是根據指令碼標籤<script>的出現順序來確定的。如果通過指令碼標籤<script>的src屬性來引入外部.js檔案，那麼它也將按照其語句出現的順序來執行，而且執行過程是文檔載入的一部分。

我想大多數人聽說過 Node.js，但是你聽說過 NodeOS 嗎？沒錯，NodeOS，一個用 Node.js 寫的作業系統。好吧，實話說，NodeOS 用 Linux 核心來處理各種底層任務，比如硬體通訊什麼的，但是除此之外，使用的都是 Node.js。NodeOS 的開發始於兩年前，建立者的目的很簡單，他只是好奇，“是否有可能僅使用 Node.js 建立一個作業系統呢？”是否有可能僅使用 Node.js 建立一個作業系統呢？這個主意怎麼樣？我們已經看到了 Node.js

下面就是我的學習筆記，對於Javascript初學者應該是很有用的。 一、變數的範圍 要理解閉包，首先必須理解Javascript特殊的變數範圍。 變數的範圍無非就是兩種：全域變數和局部變數。 Javascript語言的特殊之處，就在於函數內部可以直接讀取全域變數。　var n=999; 　　function f1(){ 　　　　alert(n); 　　} 　　f1(); // 999 另一方面，在函數外部自然無法讀取函數內的局部變數。 　　function f1(){ 　　　　var n=99

本文執行個體講解了javascript實現checkbox複選框的詳細代碼，分享給大家供大家參考，具體內容如下效果圖：具體代碼：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</title><script type="text/javascript">function

本文執行個體講述了JavaScript黑洞數字之運算路線尋找演算法。分享給大家供大家參考，具體如下：運行效果截圖如下：具體代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&

本文執行個體講解了javascript實現動態顯示當前系統時間的詳細代碼，具體內容如下 （1）時間日期資訊，應該在一個<div>中來顯示 （2）定時器：每隔一秒再次訪問系統時間，window對象的setTimeout() （3）時鐘顯示的時機(事件)：當網頁載入完成後才顯示，事件onload （4）如何將 時間日期資訊 寫入到指定的<div>中，DOM對象中的innerHTML 屬性