Time of Update: 2014-07-06
1、只允許輸入數字<input name="username" type="text"onkeyup="value=this.value.replace(/\D+/g,'')">2、只允許輸入英文字母、數字和底線(以下二種方法實現)<input name="username" type="text"style="ime-mode:disabled"><input name="username"
Time of Update: 2014-07-06
通常我們會遇到選中某個條件,然後添加,累計多個後,再進行執行。 廢話不多說,直接上代碼! 複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Jquery動態添加及刪除頁面節點</title> <script
Time of Update: 2014-07-06
複製代碼 代碼如下: <script type="text/javascript"> $.fn.silde = function() { var position = function(element) { var top = element.position().top, pos = element.css ("position"); $(window).scroll(function() { var scrolls = $(this).scrollTop(); if
Time of Update: 2014-07-06
jquery的ajax非同步請求接收返回json資料方法設定簡單,一個是伺服器處理常式是返回json資料,另一種就是ajax發送設定的datatype設定為jsonp格式資料或json格式都可以。程式碼範例如下:複製代碼 代碼如下:$('#send').click(function () { $.ajax({ type :
Time of Update: 2014-07-06
Sting字串對象是Javascript提供的內建對象之一。 這裡特別注意,字串中的第一個字元是第0位的,第二個才是第1位的。 1.建立一個字串對象的方法 [var] String 對象執行個體名 = new String(string) 或者是var String 對象執行個體名 = 字串值 例子: var str = "Hello World"; var str1 = new String("This is a string"); 2.String的屬性 length: 返回字串的長度
Time of Update: 2014-07-06
1、程式說明1) 此程式可以實現選擇頁面中的地區進行列印,以iframe方式進行列印;2) 與原生態的print() 區別在於,取消列印頁面後可以完整保留當前訪問頁面的內容。2、代碼部分1) JS 函數:複製代碼 代碼如下:function do_print(id_str)//id-str 列印範圍的id{var el = document.getElementById(id_str);var iframe = document.createElement('IFRAME');var doc =
Time of Update: 2014-07-06
上一章我介紹了遮罩的頁面可增加部分地區編輯模組,這章將介紹父頁面顯示遮罩層,彈出半透明狀態的dialog。dialog即彈出的子頁面,div。 如下: 具體代碼實現如下: 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META
Time of Update: 2014-07-06
複製代碼 代碼如下: //開啟新頁面並利用post方式傳遞參數 function openNewPageWithPostData(postAddress,opentype,paramNames,paramValues) { var newWindow = window.open(postAddress,opentype); if (!newWindow) { return false; } var
Time of Update: 2014-07-06
一個完整的例子上文說了那麼多,知識點比較分散,所以最後我打算用一個完整的SeaJS例子把這些知識點串起來,方便朋友們歸納回顧。這個例子包含如下檔案:1.index.html——首頁面。2.sea.js——SeaJS指令碼。3.init.js——init模組,入口模組,依賴data、jquery、style三個模組。由首頁面載入。4.data.js——data模組,純json資料模組,由init載入。5.jquery.js——jquery模組,對
Time of Update: 2014-07-06
login.html複製代碼 代碼如下:<script>function request(id,url){ oScript = document.getElementById(id); var head = document.getElementsByTagName("head").item(0); if (oScript) { &
Time of Update: 2014-07-06
1、動態載入js,css檔案(用原生js和jquery) iframe結構: frame0(父) frame2(子) frame3(子) frame2中觸發事件,動態向frame3中 載入js、css檔案和 dom元素? *同級之間可以調用,可以 通過 子-父-子 的方式調用同級 parent.parentFram(“這個方法在調用其他子farme”); 1.jquery的append() 複製代碼 代碼如下: 速度快,同步(需要引入jquery) var oBody =
Time of Update: 2014-07-06
複製代碼 代碼如下: <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script
Time of Update: 2014-07-06
複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
Time of Update: 2014-07-06
昨天有一需求,是希望頁面載入完畢後向左自動滾動一定位置。 一直以為只要給頁面的 document.documentElement.scrollLeft 設定一個數值就生效,結果失望了~ 今天抽空一查,才發現: 使用document.documentElement.scrollLeft 設定值,必須在人為事件觸發下才生效; 想要頁面載入完畢時自動滾動一定距離,則使用jquery的animate,如下面例子: $("html,body").animate({"scrollLeft": "300px"
Time of Update: 2014-07-06
複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> // 計算資料,完全可以從資料看取得
Time of Update: 2014-07-06
複製代碼 代碼如下:<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.10.3.min.js"></script><script type="text/javascript"
Time of Update: 2014-07-06
巧用get和set,能夠直接操作對象屬性實現讀寫,可以極大的提高編程效率,給出一個典型樣本: 複製代碼 代碼如下: var test = { _Name : null, _Age : 0, //_Name的讀寫 set name(name) {this._Name = name;}, get name() {return this._Name;}, //_Age的讀寫 set age(age) {this._Age = age;}, get age() {return this._Age;} }
Time of Update: 2014-07-06
一、實現點擊按鈕,複製文字框中的的內容<script type="text/javascript">function copyUrl2(){var Url2=document.getElementById("biao1");Url2.select(); // 選擇對象document.execCommand("Copy"); // 執行瀏覽器複製命令alert("已複製好,可貼粘。");}</script><textarea cols="20" rows="10"
Time of Update: 2014-07-06
載入 HTML我們通常使用載入 HTML 的方法來載入 HTML 片段,並插入到指定位置,假設當前頁面為:<div></div><button>load</button>同目錄下的 test.html 檔案內容為:<span>test</span>我們可以使用 load 方法來載入 HTML,將其綁定到按鈕的點擊事件上: $('button').click(function() { $('div').load('test.
Time of Update: 2014-07-06
一、傳統事件模型傳統事件模型中存在局限性。內聯模型以HTML標籤屬性的形式使用,與HTML混寫,這種方式無疑造成了修改以及擴充的問題,已經很少使用了。指令碼模型是將事件處理函數寫到js檔案中,從頁面擷取元素進行對應事件函數的綁定以觸發執行。但也存在不足之處:1.一個事件綁定多個事件監聽函數,後者將覆蓋前者。2.需要限制重複綁定的情況3.標準化event對象二、現代事件綁定DOM2級事件定義了兩個方法用於添加、刪除事件:addEventListener()、removeEventListener(