javascript DOM 控制標籤的一些方法

前言:近些天感受到了DOM建立標籤的好處,就大量的運用了這塊,也遇到了些許問題,現總結下!驗證事件HTML:<ul><li><input type="text" id="txtVali" runat="server"/></li><li><input type="submit" id="btn" runat="server" value="Enter"/></ul>SCRIPT://

HTML DOM教程 45-JavaScript Array 對象

HTML DOM教程 45-JavaScript Array 對象   1:Array

HTML DOM教程 46-JavaScript Boolean 對象

HTML DOM教程 46-JavaScript Boolean 對象   Boolean 對象是 JavaScript 的一種基礎資料型別 (Elementary Data Type)。  Boolean 對象是一個把布爾值打包的布爾對象。  1:Boolean 對象的方法方法描述FFNIEtoSource()代表對象的原始碼14-toString()把邏輯值轉換為字串,並返回結果。144valueOf()返回 Boolean 對象的原始值144  2:Boolean

Javascript 迴圈語句基本應用[複習]

複習下Javascript 迴圈(Javascript Loop Statements)語句的相關知識。在一般情況下,程式語句的執行是按照其書寫順序來執行的。前面的代碼先執行,後面的代碼後執行。但是這種簡單的自上而下的單向流程只適於用一些很簡單的程式。大多數情況下,需要根據邏輯判斷來決定程式碼執行的優先順序。要改變程式碼執行的先後順序,任何程式設計語言都需要用到條件陳述式和迴圈語句,Javascript 也不例外。這一節我們主要介紹 Javascript 迴圈語句。Javascript

實用的javascript程式碼片段

在Javascript項目開發過程中,往往一些短小精悍的功能函數總是能使一些疑難雜症迎刃而解,或者又能激發開發人員的編程靈感寫出更加強大的程式。所以在這裡,我將平時用到的或看到的一些優美的函數分門別類整理出來,也算是作為程式碼片段,方便日後尋找和學習。將多個JavaScript函數綁定到onload事件處理函數上Code highlighting produced by Actipro CodeHighlighter

javascript裡的this例子講解

前兩天給一朋友講解javascript裡的this怎麼用,說了老半天要注意this所處的上下文關係,但就是沒法理解。唉,也不怪他。javascript裡的this有時候的確很讓人揪心的,連我們這些經常寫的人偶爾也會為之faint。後來,我被迫寫了個小程式,繪聲繪色外加嚴刑拷打終於解釋清楚了。Oh,my GOD!整個人心情一下得到釋放。I believe i can

Javascript實現的左右滑動菜單

先看Demo便於理解:請大家往這裡看業務需求:1. 菜單個數不固定,當菜單個數長度小於給定範圍寬度,則左右移動控制按鈕不啟用(呈灰色狀態)。2. 初始未移動,右側按鈕為灰色,左邊按鈕為彩色,提示使用者可以點擊左側的移動查看菜單超出給定範圍的部分。3. 當移動開始,左右按鈕都應為彩色,提示使用者此時可以進行左右兩邊的移動操作。4. 當移動結束,當前方向的控制按鈕應轉變為灰色,提示使用者此方向菜單已經移動結束。5. 若某側控制按鈕可用,則滑鼠經過此按鈕會有高亮提示。6. 使用者點擊菜單會有高亮效果,

javascript封裝QQ天氣預報介面

現在提供天氣預報服務的網站挺多的,一般常見的都是直接在自己網站上使用,有部分的網站提供了web service介面。常見正則方式:常見引用天氣預報的方法多是使用正則去解析指定網站的天氣預報,使用這種方法有些弊端:1.人 家網站的HTML格式發生了變化,你的程式則需要跟著修改。2.本身解析的正則寫起來就不太簡單。3.每次解析都要去訪問別人的網站,當別人網站發生異常 的時候可能會拖累你的程式。當然你可以從你的應用流程上解決掉一些問題。Web service介面:這個當然是首選了,一般提供web

HTML DOM教程 8-javascript對象

HTML DOM教程 8-javascript對象 JavaScript 對象對象描述WindowJavaScript 層級中的頂層對象,表示瀏覽器視窗。Navigator包含用戶端瀏覽器的資訊。Screen包含用戶端顯示屏的資訊。History包含了瀏覽器視窗訪問過的 URL。Location包含了當前 URL 的資訊。HTML DOM 對象對象描述Document代表整個 HTML 文檔,可被用來訪問頁面中的所有元素Anchor代表 <a> 元素Area代表影像地圖中的 <

使用javascript操縱HTML元素的自訂屬性

為HTML元素添加一自訂的屬性非常方便,只須將其加到角括弧中即可,與內建屬性地位相等。如我們要為TextBox元素添加屬性idvalue:<input type="text" id="txtInput" name="txtInput" value="自訂文本">只須在原來的控制項後面加上:idvalue=”…”,成為:<input type="text" id="txtInput" name="txtInput" value="自訂文本" idvalue="自訂值">id

javascript中的自訂屬性的應用–避免頻繁訪問資料庫

在WEB應用程式中,經常需要將資料從資料庫中取出來,填充到HTML控制項中,然後再存回資料庫。如果資料並未改動,仍然佔用網路資源存入資料庫,則對網路資源是一種浪費,當頁面資料很多和網路訪問量很大時,就會形成效能的瓶頸。如何能在提交資料前進行判斷呢?一種方法是建隱藏控制項或定義全域變數,這種情況適用於控制項很少時,若一個表單頁面有數十項時,建隱藏控制項太多反而降低效能,定義全域變數不容易記憶。另一種方法,就是在原有控制項中增加自訂屬性,這樣,既能避免邏輯複雜,又能節省網路流量。如頁面中有一文字框:

用javascript定義和操作自訂HTML元素

前面的文章探討了使用javascript來操縱HTML元素的自訂屬性,那麼在HTML頁面中,除了系統支援的HTML元素外,是否可以建立自訂的HTML元素呢?答案是可以的。自訂的HTML元素與系統自身的HTML元素地位相同,都可以用document.getElementById來獲得,區別在於,自訂的HTML元素都是不可見的,類似於隱藏控制項。使用自訂HTML元素,我們就可以建立多種隱藏控制項,而不一定拘泥於只能建立input的hidden元素了;另外,還可以用於某些特定方面的需求!如在HTML頁

javascript中驗證日期和日期時間格式

在javascript中,我們經常要對日期格式加以判斷,用Regex是最為快捷有效,下面是驗證日期格式(YYYY-MM-DD)和日期時間格式(YYYY-MM-DD hh:mm:ss)的Regex.var _reDataTime = /^([1-9]d{3}-((0?[1-9])|(1[0-2]))-((0[1-9])|([1-2]?d)|(3[0-1])))?$/     //日期格式,可為空白  var _reTimeReg = /^[1-9][0-9]{3}-(0?[1-9]|1[0|1|2

用javascript實現既能禁止頁面滑鼠右鍵查看 同時又能查看頁面文字框右鍵菜單

在CSDN上,看到有人問這個問題。就是若把頁面右鍵屏蔽的話,文字框上的右鍵菜單同樣也給屏蔽,問如何能夠將文字框的右鍵菜單顯示出來。解決思路:首先,要在頁面初始化時將頁面右鍵菜單屏蔽其次,在欲解除右鍵限制的文字框獲得焦點時,啟用頁面document的右鍵菜單。可以用在文字框中的onmousedown事件中,但推薦用在onfocus事件中,若使用的onmousedown的話,則按鍵盤上摸擬右鍵的按鍵(在右win鍵右邊)不響應;若用onfocus事件,則能順利響應。最後,當該文字框失去焦點時,需將頁面

用javascript添加控制項自訂屬性

前面說過為HTML元素添加自訂的屬性,是通過手動在HTML控制項中加上,其實可以在javascript中動態添加:如有一文字框:<input type="text" id="txtInput" name="txtInput" value="自訂文本">如想增加idvalue屬性(值為”自訂值”),可以在javascript中這樣寫:var txt = document.getElementById("txtInput");txt.setAttribute("idvalue","自訂值

javascript中style.left和offsetLeft的使用

如果父div的position定義為relative,子div的position定義為absolute,那麼子div的style.left的值是相對於父div的值,這同offsetLeft是相同的,區別在於:1. style.left 返回的是字串,如28px,offsetLeft返回的是數值28,如果需要對取得的值進行計算,還用offsetLeft比較方便。2. style.left是讀寫的,offsetLeft是唯讀,所以要改變div的位置,只能修改style.left。3.

HTML DOM教程 49-JavaScript Number 對象

HTML DOM教程 49-JavaScript Number 對象   在 JavaScript 中,數字是一種基本的資料類型。  JavaScript 支援 Number 對象,該對象是原始數值的封裝對象。  在必要時,JavaScript 會自動地在未經處理資料和對象之間轉換。  建構函式 Number() 可以不與運算子 new 一起使用,而直接作為轉化函數來使用。以這種方式調用 Number() 時,它會把自己的參數轉化成一個數字,然後返迴轉換後的原始數值(或

HTML DOM教程 50-JavaScript String 對象

HTML DOM教程 50-JavaScript String 對象   字串是 JavaScript 的一種基本的資料類型。  String 對象的 length 屬性聲明了該字串中的字元數。String 類定義了大量操作字串的方法。  需要注意的是,JavaScript 的字串是不可變的,String 類定義的方法都不能改變字串的內容。  1:String 對象的方法方法描述FFNIEanchor()建立 HTML 錨。123big()用大號字型顯示字串。123blink()顯示閃動字串。1

HTML DOM教程 47-JavaScript Date 對象

HTML DOM教程 47-JavaScript Date 對象   Date 對象是 JavaScript 的一種內部資料類型。  Date 對象沒有可以直接讀寫的屬性,所有對日期和時間值的訪問都是通過其方法執行的。  請從下面的表格訪問有關 Date 對象的方法的詳細資料。  1:Date 對象的方法方法描述FFNIEDate()返回當日的日期和時間123getDate()從 Date 對象返回一個月中的某一天 (1 ~ 31)123getDay()從 Date 對象返回一周中的某一天 (0

HTML DOM教程 51-JavaScript match() 方法

文章目錄    HTML DOM教程 51-JavaScript match() 方法    RegExp 對象表示Regex,它是對字串執行模式比對的強大工具。  1:RegExp 對象的方法方法描述FFNIEexec檢索字串中指定的值。返回找到的值,並確定其位置。144test檢索字串中指定的值。返回 true 或 false。144  2:支援Regex的 String

總頁數: 3271 1 .... 388 389 390 391 392 .... 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.