Time of Update: 2018-12-08
當然,我們也可以用正則直接匹配,文章中也給出了一個正則的例子。 分解連結的方式: 複製代碼 代碼如下:<script type="text/javascript"> <!-- // 說明:Javascript 擷取連結(url)參數的方法 function getQueryString(name) { // 如果連結沒有參數,或者連結中不存在我們要擷取的參數,直接返回空 if(location.href.indexOf("?")==-1 ||
Time of Update: 2018-12-08
文章目錄 charCode 第一個問題是對於按鍵事件來說根本就沒有標準,按照規範說的:包含鍵盤等輸入裝置的事件模型會在以後的DOM規範中作出解釋。 正如我們瞭解到的,瀏覽器在最開始設計的時候並沒有一個標準,大家都像做實驗似的,最後的成品雖然是有用的,但是肯定造成了相容性的問題。按鍵問題也不例外:這裡有兩個屬效能檢測到使用者按下了什麼鍵,雖然有足夠的理由為什麼需要兩個屬性,但是依然並不是所有的瀏覽器都支援。
Time of Update: 2018-12-08
複製代碼 代碼如下:function searchParse(){ var resultObj = {}; var search = window.location.search; if(search && search.length > 1){ var search = search.substring(1); var items = search.split('&'); for(var index = 0 ; index < items.length ;
Time of Update: 2018-12-08
複製代碼 代碼如下:function addEventSimple(obj,evt,fn) { if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) obj.attachEvent('on'+evt,fn); } function removeEventSimple(obj,evt,fn) { if
Time of Update: 2018-12-08
代碼 複製代碼 代碼如下:<body> 使用者名稱:<input type="text" id="name" /> <div id="d" style="display:none; background:#999900;"></div> //驗證結果顯示,注意display是隱藏的 <br /> 密碼: <input type="text" id="pwd" onfocus="bb()" />
Time of Update: 2018-12-08
abs 方法 返回一個數的絕對值。 acos 方法 返回一個數的反餘弦。 anchor 方法 在對象的指定文本兩端加上一個帶 NAME 屬性的 HTML 錨點。 asin 方法 返回一個數的反正弦。 atan 方法 返回一個數的反正切。 atan2 方法 返回從 X 軸到點(y, x)的角度(以弧度為單位)。 atEnd 方法 返回一個表明枚舉運算元是否處於集合結束處的 Boolean 值。 big 方法在String 對象的文本兩端加入 HTML 的<BIG>標識。 blink
Time of Update: 2018-12-08
HTML 複製代碼 代碼如下: <input type="password" name="psw" id="loginpsw" onkeypress="submit1(event)"/> Javascript 複製代碼 代碼如下:function submit1(e){ var isie = (document.all) ? true : false;//判斷是IE核心還是Mozilla var key; if (isie) key = window.event.keyCode;//
Time of Update: 2018-12-08
第一段代碼就是強調一下這個用法,我在我的項目中使用了一個switch,後來我發現這樣的代碼好醜,於是我就寫成||&&形式的, 後來測試效能的時候,發現效能竟然上了一個數量級,可見這種寫法在某些情況下可以增加效能,但是我並不確定是何種情況才能提高效能,因為我測試在通常情況下switch和||&&的效能是差不多的. 原來的代碼: 複製代碼 代碼如下:switch(this.now_char=this.str.charAt(this.index)){ case "/":
Time of Update: 2018-12-08
複製代碼 代碼如下:(function(){ //這裡忽略jQuery所有實現 })(); (function(){ //這裡忽略jQuery所有實現 })(); 半年前初次接觸jQuery的時候,我也像其他人一樣很興奮地想看看源碼是什麼樣的。然而,在看到源碼的第一眼,我就迷糊了。為什麼只有一個匿 名函數又沒看到運行(當然是運行了……),就能有jQuery這麼個函數庫了?於是,我抱著疑問來到CSDN。結果相信現在很多人都很清楚了(因為在我之
Time of Update: 2018-12-08
直到有那麼一天,我開始在js中拼湊DOM標籤,而且需要不停的拼湊,我發現My Code變得愈發的醜陋,不僅上是代碼簡潔的問題,甚至有時候還引發了效能問題。長此以往,不出三個月,上帝都將會不知道我寫過些什麼,本篇的目的完全出於記錄使用心得。 首先,還是來看一下促使我改變書寫JavaScript習慣的垃圾代碼,在練習、測試、調試、甚至正式項目中,大量的充斥著下面的代碼。 複製代碼 代碼如下:Function finduser(userId) { } Function showmessage(msg)
Time of Update: 2018-12-08
事件 事件是DOM(文件物件模型)的一部分。事件流就是事件發生順序,這是IE和其他瀏覽器在事件支援上的主要差別。 一、事件流 1、冒泡型事件 IE上的解決方案就是冒泡型事件,它的基本思想是從最特定的目標到最不特定的事件目標(document對象)的順序觸發。 過程:按照DOM的階層像水泡一樣不斷上升至頂端。(從裡面的div觸發事件再到body,到html最後直到document最頂端)。 2、捕獲型事件 可以說跟冒泡是正好相反的,事件從最不精確的對象開始觸發,然後直到最精確。 3、DOM事件流
Time of Update: 2018-12-08
回顧 事件對象裡包含三個方面的資訊····回看上一篇內容! 事件對象裡的屬性和方法,主要是滑鼠和鍵盤的資訊。 1. 擷取事件類型 事件對象屬性type 2. 擷取按鍵代碼 事件對象屬性keyCode:斷行符號為13,空格為32,後退鍵為8 3. 檢測Shift、Alt、Ctrl鍵 事件對象屬性是否被按下:shiftKey、altKey、ctrlKey 4. 擷取用戶端座標 事件對象屬性clientX和clientY 5. 擷取螢幕座標 事件對象屬性screenX和screenY 事件的類型
Time of Update: 2018-12-08
先看看都有哪些滑鼠事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然後還會解釋一下relatedTarget,fromElement和toElement這些事件屬性。最後是微軟的mouseenter和mouseleave事件。 瀏覽器的相容性問題,可以在瀏覽器安全色性列表查看。例子 這裡有一個例子。可以協助理解下面的內容。
Time of Update: 2018-12-08
PS:顯示,大家可以根據自己的需求調整圖片的樣式哦代碼 複製代碼 代碼如下:<style type="text/css"> //圖片瀏覽器容器 #container{position:absolute;} #container img{position:absolute;} //半透明遮罩層樣式 .mask2{ background:#99FF00; opacity:0.3; filter:Alpha(Opacity='30'); position:absolute; }
Time of Update: 2018-12-08
1.typeof 操作符.對於Function, String, Number ,Undefined 等幾種類型的對象來說,他完全可以勝任,但是為Array時 複製代碼 代碼如下:var arr=new Array("1","2","3","4","5"); alert(typeof(arr)); 你會收到一個object 的答案,有點讓人失望 . 2.instanceof 操作符,JavaScript中instanceof運算子會返回一個 Boolean
Time of Update: 2018-12-08
1、 傳遞參數時需要使用encodeURIComponent,這樣組合的url才不會被#等特殊字元截斷。 例如:<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a>');</
Time of Update: 2018-12-08
複製代碼 代碼如下:<script language="javaScript"> function closeWindow() { window.opener = null; window.open(' ', '_self', ' '); window.close(); } </script> <input type='button' value='關閉視窗' onClick="closeWindow()"> 或
Time of Update: 2018-12-08
裡面的代碼修改也比較簡單。指令碼之家 百度google站長工具 列印 哈哈我是個連結好開心啊查看 列印 哈哈我是圖片雖然打不開查看 列印菜單1菜單2[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2018-12-08
你必須做出決定以這兩種方法中的哪一種來寫你的JavaScript,為了協助您作出明智的決定哪個更適合你,我們將對比一下這兩種方法的一些優劣。
Time of Update: 2018-12-08
document.title //設定文檔標題等價於HTML的title標籤 document.bgColor //設定頁面背景色 document.fgColor //設定前景色彩(文本顏色) document.linkColor //未點擊過的連結顏色 document.alinkColor //啟用連結(焦點在此連結上)的顏色 document.vlinkColor //已點擊過的連結顏色 document.URL //設定URL屬性從而在同一視窗開啟另一網頁