Time of Update: 2017-02-28
我總是經常碰到需要檢查某個function是否是原生代碼的情況 —— 這是功能測試中一個很重要的內容: 函數是瀏覽器內建支援的,還是通過第三方類庫類比的。要檢測這一點,最簡單的辦法當然是判斷函數的 toString 方法返回的值啦。 JavaScript代碼 判斷函數是否是原生方法其實相當簡單: 1// 判斷是否原生函數 2function isNative(fn) { 3// 樣本: 4// alert.toString() 5//
Time of Update: 2017-02-28
一、substringsubstring需要至少需要一個參數,第一個參數為起始位置,第二個參數可選,為結束位置。只有一個參數: 代碼如下:<meta charset="UTF-8" /><script type='text/javascript'>/** * substring函數使用DEMO */var str = '歡迎各位童鞋到指令碼之家做客';var sub =
Time of Update: 2017-02-28
今天由於項目需要判斷使用者離開頁面時要判斷使用者的行為是關閉還是重新整理 雖然沒有直接的方法,但通過一定的技巧也能做到 不得不感歎JavaScript的強大!! 請看一下代碼: 代碼如下: window.onunload = function(){ var a_n = window.event.screenX - window.screenLeft; var a_b = a_n > document.documentElement.scrollWidth-20
Time of Update: 2017-02-28
今天在項目中無意中遇到的一個神奇的問題,特此記錄。首先我們看看以下代碼,測試頁面可以看這裡,頁面的功能和邏輯很簡單。這段代碼從邏輯上看沒有任何錯誤和BUG,理論上是可以完全執行的。<html> <head>IE 測試</head><body><script language="javascript">function
Time of Update: 2017-02-28
這篇文章主要介紹了javascript通過斷行符號實現tab切換功能,需要的朋友可以參考下最經有一個項目是給化工廠做的在使用的過程中需要輸入大量的資料,使用的都是小鍵盤區,在以前都是通過excel錄入資料的現在, 在網頁上需要實現excel
Time of Update: 2017-02-28
這篇文章主要介紹了javascript擷取瀏覽器類型和版本的方法(js擷取瀏覽器版本),需要的朋友可以參考下 代碼如下:function getExplorerInfo() { var explorer = window.navigator.userAgent.toLowerCase() ; //ie if (explorer.indexOf("msie") >= 0) {
Time of Update: 2017-02-28
這篇文章主要介紹了Javascript如何遍曆table中的元素,需要的朋友可以參考下 例如:<table id=tb> <tr><th> </th><th> </th><th> </th><th> </th></tr> <tr><td> <
Time of Update: 2017-02-28
看到園友發表了一篇關於JS樹的文章,看了之後,覺得應該可以精簡不少代碼,想到了以前做的項目裡面用到了一個JS樹,於是試著修改了一下,現把代碼貼出來與大家共用,還請大家多扔磚頭! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">&
Time of Update: 2017-02-28
在網站裡面會載入一些js代碼,統計啊,百度廣告等等,結果弄得頁面載入速度很慢,下面有個不錯的解決方案,大家可以參考下通常我們的網站裡面會載入一些js代碼,統計啊,google廣告啊,百度同盟啊,阿里媽媽廣告代碼啊,一堆,最後弄得頁面載入速度很慢,很慢. 解決辦法:換一個js包含的方式,讓javascript載入速度倍增. 把通常載入方式: 代碼如下:<script
Time of Update: 2017-02-28
javascript是一種解釋型語言,它的執行是自上而下的。由於各個瀏覽器對它的理解有所差異,所以我們有必要深入理解js的執行順序簡介 javascript是一種解釋型語言,它的執行是自上而下的。但是各瀏覽器對於【自上而下】的理解是有細微差別的,而代碼的上下遊也就是程式流對於程式正確運行又是至關重要的。所以我們有必要深入理解js的執行順序。為此,我設計了如下八個實驗來獲得最確切的結果。 實驗 代碼如下:<scri
Time of Update: 2017-02-28
許多情況我們需要獲得事件來源對象來對其屬性變更,在事件響應函數中獲得事件來源的方法有如下兩種在javascript的事件響應中,許多情況我們需要獲得事件來源對象來對其屬性變更,比如更改img的src屬性。在事件響應函數中獲得事件來源的方法有如下兩種: 第一種: 直接把作為一個參數傳入。例如 代碼如下:<div id="myid" onclick="show(this);"&
Time of Update: 2017-02-28
這篇文章主要介紹了JavaScript中奇葩的假值應用,需要的朋友可以參考下通常在以下語句結構中需要判斷真假 if分支語句 while迴圈語句 for裡的第二個語句 如 代碼如下:if (boo) { // do something } while (boo) { // do
Time of Update: 2017-02-28
這篇文章主要介紹了javascript跨瀏覽器的屬性判斷的方法,需要的朋友可以參考下今天在寫代碼的時候發現一個很容易出錯的地方。當我們在聲明變數時,常常會因為不同的 browser 有不同的 API 定義,然後用以下的寫法來判斷哪一個屬性,例如: 代碼如下:var fullscreenElement = document.mozFullScreenElement || document.webkitFullscreenElement ||
Time of Update: 2017-02-28
<script> 02 function flashChecker() { 03 var hasFlash = 0; //是否安裝了flash
Time of Update: 2017-02-28
本文執行個體分析了javascript在IE下trim函數無法使用的解決方案,對於web前段設計有一定的借鑒價值。具體分析如下:首先,javascript的trim函數在firefox下面使用沒有問題: 1 <script language="javascript"> 2
Time of Update: 2017-02-28
javascript和動態網頁無法擷取cookie到期的時間,到期時間由瀏覽器管理,javascript和動態網頁只能設定到期時間,無法通過document.cookie(javascript)或者Cookie.Expires(asp.net)屬性擷取到。 代碼如下:<%@page language="C#" Debug="true"%><script
Time of Update: 2017-02-28
在js中三個事件都是按鍵事件了,下面我們來看看KeyDown,KeyUp,KeyPress這三個事件的區別在哪裡吧,希望例子能協助到各位。 1.引發事件的按鍵 非字元鍵不會引發 KeyPress 事件,但非字元鍵卻可以引發 KeyDown 和 KeyUp 事件。KeyPress 事件 KeyChar 屬性可以擷取輸入的字元。 2.事件引發的時間 KeyDown 和 KeyPress 事件在按下鍵時發生,KeyUp 事件在釋放鍵時發生。 3.事件發生的順序 KeyDown
Time of Update: 2017-02-28
<!-start-><DIV id=marqueey><table width="476" border="0" cellspacing="0" cellpadding="0"> <!-start-> <!-list-> <tr > <td width=&
Time of Update: 2017-02-28
之前使用JavaScript的時候,時不時的會遇到使用 == 和 === 這兩個符號來判斷兩個變數是否相等。但是對於這兩個符號的差別一直沒有去調查。今天又遇到了 === 這個符號,所以決定去查一下,究竟這兩者有什麼區別。 JS協助文檔我一直用的是W3School版本的,所以,直接去找了一下相關說明,還挺詳細的。見下圖。 關於對象的比較,我寫了一個執行個體,如下圖:
Time of Update: 2017-02-28
如果你需要改變動畫播放速度, 比如每5秒換一張圖片 改變setTimeout("imgturn('" +numb+ "')", 1000)中的1000為5000 <html> <head> <title></title> <script