JavaScript

一、JS 拖拽的實現執行個體代碼：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>拖拽js</title> <style type="text/css"> html, body { overflow:hidden; } body, div, { margin:0; padding:0; } body { color:#

前言網上關於利用Javascript擷取圖片原始寬度和高度的方法有很多，本文將再次給大家談談這個問題，或許會對一些人能有所協助。方法詳解頁面中的img元素，想要擷取它的原始大小，以寬度為例，可能首先想到的是元素的innerWidth屬性，或者jQuery中的width()方法。如下：<img id="img" src="1.jpg"><script type="text/javascript"> var img =

表格隨機排序練習 by 阿會楠 A B C D E F 雲棲社區 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

怎樣編製留言簿程式呢？留言簿程式並不難，有很多選擇可以實現，如CGI程式等等。本文介紹怎樣用JavaScript編製留言簿程式，下面是一個完整的例子。 ----我們提供了一個表單，表單裡有姓名、客人的電子郵件地址、使用的瀏覽器版本、國家名、意見和建議和所喜歡的網站等等。客人填寫完這些欄位後，按Submit按鈕，資訊就會通過電子郵件的形式寄給你。程式中提供了幾個函數，大部分是用來對欄位進行合法性檢查的。下面我們對函數作一個簡單的說明。

"快速排序"的思想很簡單，整個排序過程只需要三步：　　（1）在資料集之中，選擇一個元素作為"基準"（pivot）。　　（2）所有小於"基準"的元素，都移到"基準"的左邊；所有大於"基準"的元素，都移到"基準"的右邊。　　（3）對"基準"左邊和右邊的兩個子集，不斷重複第一步和第二步，直到所有子集只剩下一個元素為止。舉例來說，現在有一個資料集{85, 24, 63, 45, 17, 31, 96,

複製代碼 代碼如下:<script language=javascript> function stoprefresh() { return "you will lose any unsaved content"; } function UnloadConfirm() { //頁面離開後的事件 alert('離開頁面後的一些清理工作……'); } </script> <body> <script>

第一個太簡單就不說了，第二個也很簡單，但每個人都有不同的實現方法，下面給一個比較簡潔的做法，支援IE6、IE7、FF2，其他瀏覽器未測試（可以擴充一下用到ASP.NET的GridView裡）： 滑鼠划過表格行變色－簡潔實現 商品名稱 單價 庫存數量 貨位 丁學最喜歡的仙四豪華版-菱紗版 139 10000000 A12-253 仙四豪華版-夢璃版 139 10000000 A12-254 仙四普通版-首發 69 10000000 A12-255

javascript的一些知識點：1.常用的五大瀏覽器：chrome，firefox，Safari，ie，opera2.瀏覽器是如何工作的簡化版：3.Js由ECMAjavascript;DOM;BOM組成；4.js是弱類型語言(即需要遊覽器解析了才知道是什麼類型的)；5.js是指令碼語言（邊解析邊執行）；6.script也分行內樣式，嵌套樣式和外聯樣式。外聯樣式一般寫在body的最後，因為放在前面會先載入js代碼然後再幹其他的，影響使用者體驗。7.同步和非同步同步：一行一行依次執行。非同步：可以

下面是他們的字串規則： 1、<(script|link|style|iframe)(.|\n)*<\/\1>\s* 2、\s*on[a-z]+\s*=\s*("[^"]+"|'[^']+'|[^\s]+)\s*(?=>)

每個JavaScript函數都有prototype屬性(javascript對象沒有這個屬性)，這個屬性引用了一個對象，這個對象就是原型對象。javascript允許我們修改這個原型對象。修改有2種方式：方式1：在原有的原型對象上增加屬性或者方法function Person(){}Person.prototype.add = function(){alert(this.name);};Person.prototype.name = "aty";var p1 = new Person();p1.

最近都沒有更，就來幾個效果充實一下。都沒有進行美化這步。 純css的手風琴：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>手風琴css</title> <style> .showBox{ width: 660px; overflow: hidden; } ul{ list-style: none;

window.navigator用來反映瀏覽器及其功能資訊的對象。 // 檢測瀏覽器版本資訊function getBrowserInfo(){ var Sys = {}; var ua = window.navigator.userAgent.toLowerCase(); var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/; var m = ua.match(re); Sys.browser = m[1]

隱藏表格列，最常見的是如下方式：複製代碼 代碼如下:td.style.display = "none";這種方式的效率極低。例如，隱藏一個千行表格的某列，在我的筆記本（P4 M 1.4G，768M記憶體）上執行需要約 4000毫秒的時間，令人無法忍受。例如如下代碼：複製代碼 代碼如下:<body> <input type=button onclick=hideCol(1) value='隱藏第 2 列'> <input type=button

定義：定義一系列的演算法，把它們一個個封裝成函數，也可把它們作為屬性統一封裝進一個對象，然後再定義一個方法，該方法可根據參數自動選擇執行對應的演算法。 一般用於在實現一個功能時，有很多個方案可選擇的情況。 例子1：根據員工薪水salary、績效等級S、A、B、C，來計算年終獎 //封裝了所有演算法的策略對象var strategies = { 'S': function(salary){ return salary*4; }, 'A':

<div id="test"> <div>第一個</div> <div>第二個</div> <div>第三個</div> <div>第四個</div> </div> <script> function test() { var els = document.getElementById("test").getElementsByTagName("div");

屏蔽Alt+F4等快速鍵： 複製代碼 代碼如下:<script> function KeyDown(){ //屏蔽滑鼠右鍵、Ctrl+n、shift+F10、F5重新整理、退格鍵 //alert("ASCII代碼是："+event.keyCode); if ((window.event.altKey)&& ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向鍵 ← (window.event.keyCode==39))){ //屏蔽 Alt+ 方向鍵

在Object.is出現之前我們比較值使用兩等號 “==” 或 三等號“===”， 三等號更加嚴格，只要比較兩方類型不同立即返回false。另外，有且只有一個值不和自己相等，它是NaN 現在ES6又加了一個Object.is，讓比較運算的江湖更加混亂。多數情況下Object.is等價於“===”，如下1 === 1 // trueObject.is(1, 1) // true 'a' === 'a' // trueObject.is('a', 'a') // true true ===

下面是雲棲社區一直也在用的幾種方法 複製代碼 代碼如下: <script language="javascript" type="text/javascript"> function request(paras){ var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj = {} for (i=0;

近年來隨著作業系統的升級以及各種新技術的開發普及，拋棄低版本IE已經是大勢所趨，這對於前端人員來時是個好訊息，可以不用花費太多的時間來做低版本的相容，很多網站採用給予低版本IE以提示的方式（恩，很友好很人道）給遊客，一般是在header上給一個提示，指令碼檢測如下：function getIEVersion(){ var rv = -1; // Return value assumes failure. if(navigator.appName == 'Microsoft

Array類型是ECMAScript中最常用的參考型別。ECMAScript中的資料與其它大多數語言中的數組有著相當大的區別。雖然ECMAScript中的資料與其它語言中的數組一樣都是資料的有序列表，但不同的是，ECMAScript數組中的每一項可以儲存任何類型的資料，無論是數值、字串或者是對象。同時，ECMAScript中的數組大小是可以動態調整的，即可以根據資料的添加自動成長以容納新增的資料。下面總結一下JavaScript中數組常用的操作函數及用法。•建立數組建立數組主要有建構