Time of Update: 2017-01-19
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]運行以上代碼,即可。如果大家想看的是 javascript indexOf的使用方法,請看下面的文章javascript indexOf函數使用說明JavaScript indexOf忽略大小寫_javascript技巧
Time of Update: 2017-01-19
下面的代碼片斷縮排目前還不完善,你也可以選擇 下載pdf 來閱讀. Contents摘要 什麼是closure 執行空間(執行內容, Execution Context) closure的一些用法 關於closure的效率 應用建議 結論 參考資料 本文的rst源碼 什麼是closure一種定義是:A "closure" is an expression (typically a function) that can have free variables together with an
Time of Update: 2017-01-19
幾個例子: 複製代碼 代碼如下: function case1(num){ switch(num){ case 1: document.writeln("show 1!!"); break; case 2: document.writeln("show 2!!"); break; case 3: document.writeln("show 3!!"); break; default: document.writeln("show others!!"); break; } } function
Time of Update: 2017-01-19
var x = "XX"; y ="xxx"; 諸如此類。這有一個問題,比如說在代碼中的某一行,我想使用的一個已聲明的變數x,結果由於打字或者拼字錯誤,這個變數被寫成y了,結果相當於“隱式”聲明了一個變數y,在實際編程過程中,這種錯誤有時比較難以發現。 除此之外,今天通過同事介紹,瞭解到這種“隱式聲明”中的別外一個問題。
Time of Update: 2017-01-19
最近遇到js的效率問題,是關於在頁面中新增元素的問題。 假設我們有頁面如下: 複製代碼 代碼如下: <HTML> <HEAD> </HEAD> <BODY> <div id="div1"></div> </BODY> <script> // 指令碼位置 </script> </HTML>
Time of Update: 2017-01-19
(10)addEvent 網上最流行的版本是Scott Andrew的,據說javascript界曾舉行一場比賽(此事件我們可以在Pro Javascript Techniques第100頁看到)或瀏覽PPK的網站,徵求添加事件與移除事件的函數,他就是其獲獎者。下面就是他的實現: 複製代碼 代碼如下: function addEvent(elm, evType, fn, useCapture) { if (elm.addEventListener) { elm.addEventListener(
Time of Update: 2017-01-19
發現了一個非常好的JavaScript調試方法,目前看到的是可以列印Object/Array/Function/String四種類型,使用方法和PHP中的var_dump()一樣,只要直接dump(變數名)即可。 複製代碼 代碼如下:dump(value, [showTypes]) @ param value (Any) value to dump @ param [showTypes] (Boolean) optional to display each key/value's type @
Time of Update: 2017-01-19
複製代碼 代碼如下:<div onmouseover="alert('hello');" onmouseout="alert('out_div');" > <span onmouseover="alert('world');" onmouseout="alert('out_span');" >你好</span> </div>
Time of Update: 2017-01-19
複製代碼 代碼如下:<script type="text/javascript"> //CharMode函數 //測試某個字元是屬於哪一類. function CharMode(iN){ if (iN>=48 && iN <=57) //數字 return 1; if (iN>=65 && iN <=90) //大寫字母 return 2; if (iN>=97 && iN <=122) //小寫 return 4; else return 8;
Time of Update: 2017-01-19
javascript操作table的特性 hello Cell 1,1 Cell 2,1 Cell 1,2 Cell 2,2 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]可以直接點擊頁面的任何部分即可看到效果。
Time of Update: 2017-01-19
本文介紹Babel6.x的安裝過程~首先呢,可以使用Babel線上轉換 https://babeljs.io/repl/然後進入主題:安裝Babel(命令列環境,針對Babel6.x版本)1、首先安裝babel-cli(用於在終端使用babel) npm install -g babel-cli 2、然後安裝babel-preset-es2015外掛程式 npm install --save
Time of Update: 2017-01-19
但是,有一些細節並不為我們所熟知。John Resig 在分析了這些細節之後,為我們提供了一個完美的解決方案,本文將作詳細介紹: 一、傳統方法不為人所知的細節 毫無疑問,在判斷函數類型時,我們使用的是typeof方法,比如: 複製代碼 代碼如下:function fn(){ //content } alert(typeof fn)//結果是"function"。 但是,該方法在一些瀏覽器中並不是像我們想像的那樣工作。 1、Firefox2和Firefox3
Time of Update: 2017-01-19
1。編寫js函數 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要顯示/隱藏的html元素加上 id 屬性 <table> <tr id="menu" &
Time of Update: 2017-01-19
物件導向與基於對象 幾乎每個開發人員都有物件導向語言(比如C++、C#、Java)的開發經驗。 在傳統物件導向的語言中,有兩個非常重要的概念 - 類和執行個體。 類定義了一類事物公用的行為和方法;而執行個體則是類的一個具體實現。 我們還知道,物件導向編程有三個重要的概念 - 封裝、繼承和多態。 但是在JavaScript的世界中,所有的這一切特性似乎都不存在。 因為JavaScript本身不是物件導向的語言,而是基於對象的語言。
Time of Update: 2017-01-19
轉化為Boolean類型所有JavaScript中的值都能隱式的轉化為Boolean類型,比如: 複製代碼 代碼如下: 0 == false; // true 1 == true; // true '' == false // true null == false // true 但是這些值都不是Boolean類型。因此當我們使用三個等號進行比較時: 複製代碼 代碼如下: 0 === false; // false 1 === true; // false '' === false //
Time of Update: 2017-01-19
JavaScript事件監聽完整執行個體(含注釋) [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]addEventListener原來在IE中不可用,在IE中要用attachEvent, 還在想,在FireFox中運行得好好的,怎麼到IE下報錯了。 處理IE與FireFox事件監聽的對象: var oEventUtil = new Object(); oEventUtil.AddEventHandler =
Time of Update: 2017-01-19
JavaScript網頁計算機代碼,該計算機是用DW寫的!HTML篇<html<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>計算機</title><link href="style/calculator.css" rel="stylesheet" type="text/css" /><script src="
Time of Update: 2017-01-19
前面的話簡易日曆作為javascript中Date對象的常見應用,用途較廣泛,本文將詳細說明簡易日曆的實現思路。效果示範 HTML說明 使用type=number的兩個input分別作為年和月的輸入控制項,這樣在進階瀏覽器下內建調節按鈕 按照周日到周一的順序進行星期的排列<div class="box"> <header class='control'> <input id="conYear" class="con-in" type="
Time of Update: 2017-01-19
二. Javascript 物件導向編程:建構函式的繼承本節主要介紹,如何產生一個"繼承"多個對象的執行個體。比如,現在有一個"動物"對象的建構函式,function Animal(){ this.species = "動物"; }還有一個"貓"對象的建構函式,function Cat(name,color){ this.name = name; this.color = color; } 怎樣才能使"貓"繼承"動物"呢?1.
Time of Update: 2017-01-19
還隱約記得得知了來龍去脈,為自己掌握了一個經驗而歡呼雀躍。 還隱約記得被這同一問題折磨了無數次後,無奈與痛下決心的心境。 首先我必須感謝那些即使這個問題我強調過無數次,也依然反覆重複類似錯誤的人們。 沒有他們反覆犯錯的鼓勵,或許我不會認真考慮這個問題的解決方案。 其次,必須感謝《JavaScript進階程式設計》的作者和譯者。 在這裡我得到瞭解決該問題的啟示,不然我依然要每每強調使用parseInt時應注意什麼。 同時,希望在這裡不僅僅留下一個解決方案。