Time of Update: 2018-12-08
昨天在寫上次那個動態產生年月日下拉框和文字框限制輸入的時候遇到了一個問題,文字框裡輸入的時候要開始計算文字框裡面輸入了多少字,自然想到了onkeydown事件,然後計算value.length的方法,看代碼吧 複製代碼 代碼如下:moto.onkeydown=function(){ var curlen=+this.value.length; shuru.innerHTML=curlen; shuru2.innerHTML=+(200-curlen); if(curlen>=200){
Time of Update: 2018-12-08
複製代碼 代碼如下: var intervalBody = function(){ console.log('interval'); } var startInterval = function(){ setInterval(intervalBody,1000); } var timeoutBody = function(){ console.log('timeout'); } var startTimeout = function(){
Time of Update: 2018-12-08
今天我們說的是資料類型中的一種Boolean類型,它返回true和false兩個字面值,需要注意的是字面值是區分大小寫,也就是除了小寫 其他的都只是標識符。下面主要說的是各種資料類型以及對應的轉化規則:資料類型 轉化為true的值 轉化為false的值--------------------------------------------------------------------------------Boolean true
Time of Update: 2018-12-08
複製代碼 代碼如下:<title></title> <script type="text/javascript"> function createNode() { var pNode = document.createElement('p'); var tNode = document.createTextNode('煙花三月下楊州'); pNode.appendChild(tNode); document.body.appendChild(pNode); }
Time of Update: 2018-12-08
通常來說,javascript中的對象就是一個指向prototype的指標和一個自身的屬性列表。javascript建立對象時採用了寫時複製的理念。只有構造器才具有prototype屬性,原型鏈繼承就是建立一個新的指標,指向構造器的prototype屬性。prototype屬性之所以特別,是因為javascript時讀取屬性時的遍曆機制決定的。本質上它就是一個普通的指標。構造器包括: 1.Object2.Function3.Array4.Date5.String下面我們來舉一些例子吧複製代碼
Time of Update: 2018-12-08
複製代碼 代碼如下: repaint(重繪) ,repaint發生更改時,元素的外觀被改變,且在沒有改變布局的情況下發生,如改變outline,visibility,background color,不會影響到dom結構渲染。reflow(渲染),與repaint區別就是他會影響到dom的結構渲染,同時他會觸發repaint,他會改變他本身與所有父輩元素(祖先),這種開銷是非常昂貴的,導致效能下降是必然的,頁面元素越多效果越明顯。何時發生:. DOM元素的添加、修改(內容)、刪除(
Time of Update: 2018-12-08
一、DOMDOM: DOM= Document Object Model,文件物件模型,DOM可以以一種獨立於平台和語言的方式訪問和修改一個文檔的內容和結構。換句話說,這是表示和處理一個HTML或XML文檔的常用方法。有一點很重要,DOM的設計是以對象管理組織(OMG)的規約為基礎的,因此可以用於任何程式設計語言.D:文檔 – html 文檔 或 xml 文檔O:對象 – document 對象的屬性和方法M:模型DOM
Time of Update: 2018-12-08
編寫XHTML代碼的規則要比編寫HTML要嚴格得多,類似下面的代碼在HTML中是有效,但在XHTML中則是無效的。 [javascript] 複製代碼 代碼如下:<script type="text/javascript"> function compare(a, b) { if(a < b) { alert("a is less then b"); } else if(a > b) { alert("a is greater then b"); } else {
Time of Update: 2018-12-08
前言在JavaScript中,範圍、上下文、閉包、函數等算是精華中的精華了。對於初級JSer來說,是進階必備。對於前端攻城師來說,只有靜下心來,理解了這些精華,才能寫出優雅的代碼。本文旨在總結容易忘記的重要知識,不會講基本的概念。如果對基本知識不太熟悉,就去翻下《 JavaScript權威指南》吧~語言特性函數運算式先看程式碼片段:複製代碼 代碼如下:[javascript] view plaincopyprint?var f = function foo(){ return
Time of Update: 2018-12-08
一、元素節點複製代碼 代碼如下://測試元素節點,輸出節點名稱,節點的類型,節點的值 var liElements=document.getElementsByTagName("li"); for(var i=0;i<liElements.length;i++){ alert(liElements[i].nodeName); alert(liElements[i].nodeType); alert(liElements[i].nodeValue);
Time of Update: 2018-12-08
原文:Model-View-Controller (MVC) with JavaScript作者:Alex@Net譯文:JavaScript 的 MVC 模式譯者:justjavac本文介紹了模型-視圖-控制器模式在 JavaScript 中的實現。我喜歡 JavaScript,因為它是在世界上最靈活的語言之一。 在 JavaScript 中,程式員可以根據自己的口味選擇編程風格:面向過程或物件導向。 如果你是一個重口味,JavaScript 一樣可以應付自如: 面向過程,物件導向,面向方面,
Time of Update: 2018-12-08
1.類型分析: js中的資料類型有undefined,boolean,number,string,object等5種,前4種為原始類型,第5種為參考型別。 代碼 複製代碼 代碼如下:var a1; var a2 = true; var a3 = 1; var a4 = "Hello"; var a5 = new Object(); var a6 = null; var a7 = NaN; var a8 = undefined; alert(typeof a); //顯示"undefined"
Time of Update: 2018-12-08
通常的數組在填充時會隱式或者顯示指定數組下標,但JS中數組可以以名字的形式為元素賦值,這就形成了關聯陣列,如: 複製代碼 代碼如下:var arr=new Array();arr["china"]="beijing,niaoling,hulan";arr["usa"]="newyork,washington,atlanta";arr["japan"]="tokyo";alert(arr["china"]);alert(arr["japan"]);alert(arr[0]);
Time of Update: 2018-12-08
複製代碼 代碼如下:<!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><meta http-equiv="Content-Type"
Time of Update: 2018-12-08
display版本:CSS1/CSS2 相容性:IE4+ NS4+ 繼承性:無 文法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column |
Time of Update: 2018-12-08
今天在rainweb的部落格上,看到了這篇非常好的文章,覺得非常有必要分享出來,相信大家認真讀完這篇文章,對js範圍的理解又會上升到一個新的台階。 前言:javascript裡變數範圍是個經常讓人頭痛抓狂的問題,下面通過10++個題目,對經常遇到又容易出錯的情況進行了簡單總結,代碼範例很短很簡單 題目一 複製代碼 代碼如下:var name = 'casper'; alert(name); //毫無疑問地輸出:casper 題目二 複製代碼 代碼如下:alert(name);
Time of Update: 2018-12-08
JavaScript中的運算子優先順序是一套規則。該規則在計算運算式時控制運算子執行的順序。具有較高優先順序的運算子先於較低優先順序的運算子執行。例如,乘法的執行先於加法。下表按從最高到最低的優先順序列出JavaScript運算子。具有相同優先順序的運算子按從左至右的順序求值。運算子描述. [] ()欄位訪問、數組下標、函數調用以及運算式分組++ -- - ~ ! delete new typeof void一元運算子、返回資料類型、對象建立、未定義值* / %乘法、除法、模數+ -
Time of Update: 2018-12-08
可縮放向量圖形(Scalable Vector Graphics,SVG)是基於可延伸標記語言 (XML)(XML),用於描述二維向量圖形的一種圖形格式。SVG由W3C制定,是一個開放標準。另SVG還是Static Var Generator靜止無功發生器的簡稱判斷瀏覽器是否支援SVG的代碼(部分截去自Highcharts源碼): Js代碼: 複製代碼 代碼如下:function hasSVG(){ SVG_NS = 'http://www.w3.org/2000/svg', return !!
Time of Update: 2018-12-08
複製代碼 代碼如下:以下是本人的一些分享,我熱愛編程,希望能多交編程的愛好者,如果你也是其中一名,那麼請加好友,大家關注一下,下面的文章是自己覺得一些有用的東西,留下來給自己當筆記,當然也希望能協助到你,首先感謝你的閱讀~! 如果我們在用jQuery作為用戶端頁面的指令碼,時常都會涉及到jQuery對象和Javascript對象的相互轉換。因為,DOM對象就是Javascript 固有的一些對象操作。DOM 對象能使用Javascript 固有的方法,但是不能使用 jQuery
Time of Update: 2018-12-08
複製代碼 代碼如下:// 參數 obj: 要禁止選中文本的元素的jquery對象 // 參數 enabled: true, 可選中; false, 不可選中 function setSelectable(obj, enabled) { if(enabled) { obj.removeAttr("unselectable").removeAttr("onselectstart").css("-moz-user-select", "").css("-webkit-user-select", "");