javascript 控制input只允許輸入的各種指定內容

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"

Jquery動態添加及刪除頁面節點元素範例程式碼

通常我們會遇到選中某個條件,然後添加,累計多個後,再進行執行。 廢話不多說,直接上代碼! 複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Jquery動態添加及刪除頁面節點</title> <script

jquery實現當滑動到一定位置時固定效果

複製代碼 代碼如下: <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

jquery的ajax非同步請求接收返回json資料執行個體

jquery的ajax非同步請求接收返回json資料方法設定簡單,一個是伺服器處理常式是返回json資料,另一種就是ajax發送設定的datatype設定為jsonp格式資料或json格式都可以。程式碼範例如下:複製代碼 代碼如下:$('#send').click(function () {    $.ajax({        type :

Javascript中的String對象詳談

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: 返回字串的長度

js調用iframe實現列印頁面內容的方法

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 =

父頁面顯示遮罩層彈出半透明狀態的dialog

上一章我介紹了遮罩的頁面可增加部分地區編輯模組,這章將介紹父頁面顯示遮罩層,彈出半透明狀態的dialog。dialog即彈出的子頁面,div。 如下:  具體代碼實現如下: 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META

window.open 以post方式傳遞參數範例程式碼

複製代碼 代碼如下: //開啟新頁面並利用post方式傳遞參數 function openNewPageWithPostData(postAddress,opentype,paramNames,paramValues) { var newWindow = window.open(postAddress,opentype); if (!newWindow) { return false; } var

SeaJS入門教程系列之完整樣本(三)

一個完整的例子上文說了那麼多,知識點比較分散,所以最後我打算用一個完整的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模組,對

動態建立script標籤實現跨域資源訪問的方法介紹

login.html複製代碼 代碼如下:<script>function request(id,url){     oScript = document.getElementById(id);     var head = document.getElementsByTagName("head").item(0);     if (oScript) { &

動態載入js、css等檔案跨iframe實現

1、動態載入js,css檔案(用原生js和jquery) iframe結構: frame0(父) frame2(子) frame3(子) frame2中觸發事件,動態向frame3中 載入js、css檔案和 dom元素? *同級之間可以調用,可以 通過 子-父-子 的方式調用同級 parent.parentFram(“這個方法在調用其他子farme”); 1.jquery的append() 複製代碼 代碼如下: 速度快,同步(需要引入jquery) var oBody =

jQuery寫fadeTo範例程式碼

複製代碼 代碼如下: <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

jquery實現checkbox 全選/全不選的通用寫法

複製代碼 代碼如下:<!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> 

頁面載入完畢後捲軸自動滾動一定位置

昨天有一需求,是希望頁面載入完畢後向左自動滾動一定位置。 一直以為只要給頁面的 document.documentElement.scrollLeft 設定一個數值就生效,結果失望了~ 今天抽空一查,才發現: 使用document.documentElement.scrollLeft 設定值,必須在人為事件觸發下才生效; 想要頁面載入完畢時自動滾動一定距離,則使用jquery的animate,如下面例子: $("html,body").animate({"scrollLeft": "300px"

js實現的GridView即表頭固定表體有捲軸且可滾動

複製代碼 代碼如下: <%@ 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"> // 計算資料,完全可以從資料看取得

jquery製作搜狐快站頁面效果樣本分享

複製代碼 代碼如下:<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"

JS的get和set使用樣本

巧用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;} }

Javascript 實現複製(Copy)動作方法大全

一、實現點擊按鈕,複製文字框中的的內容<script type="text/javascript">function copyUrl2(){var Url2=document.getElementById("biao1");Url2.select(); // 選擇對象document.execCommand("Copy"); // 執行瀏覽器複製命令alert("已複製好,可貼粘。");}</script><textarea cols="20" rows="10"

jQuery學習筆記之 Ajax操作篇(一) - 資料載入

載入 HTML我們通常使用載入 HTML 的方法來載入 HTML 片段,並插入到指定位置,假設當前頁面為:<div></div><button>load</button>同目錄下的 test.html 檔案內容為:<span>test</span>我們可以使用 load 方法來載入 HTML,將其綁定到按鈕的點擊事件上: $('button').click(function() { $('div').load('test.

JS的事件綁定深入認識

一、傳統事件模型傳統事件模型中存在局限性。內聯模型以HTML標籤屬性的形式使用,與HTML混寫,這種方式無疑造成了修改以及擴充的問題,已經很少使用了。指令碼模型是將事件處理函數寫到js檔案中,從頁面擷取元素進行對應事件函數的綁定以觸發執行。但也存在不足之處:1.一個事件綁定多個事件監聽函數,後者將覆蓋前者。2.需要限制重複綁定的情況3.標準化event對象二、現代事件綁定DOM2級事件定義了兩個方法用於添加、刪除事件:addEventListener()、removeEventListener(

總頁數: 3271 1 .... 2698 2699 2700 2701 2702 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.