JavaScript 的簡介

? ? ?JavaScript 是一種基于對象和事件驅動的腳本語言。JavaScript和HTML一起實現網頁與客戶端的交互,從而可以開發客戶端的應用程序。JavaScript是通過潛入在標準的HTML文件中實現的,可以直接控制瀏覽器窗口個元素以及頁面內容。JavaScript一個重要的功能就是用來實現客戶端輸入的驗證。

一、JavaScript 的特點:

(1)簡單。JavaScript 是一種腳本語言,它的基本語法與C,C++十分類似。

(2)動態,JavaScript 是動態的,他可以直接對用戶輸入做出響應,無須經過Web服務器。

(3)跨平臺。JavaScript 只依賴瀏覽器,與系統環境無關,只要能運行支持JavaScript 的瀏覽器就可以正確執行JavaScript 程序。

(4)基于事件。JavaScript 對用戶的響應,是采用事件驅動的方式進行的。

二、JavaScript 中的事件

(1) onClick 單擊事件
當用戶單擊鼠標按鈕時,產生onClick事件。同時onClick指定的事件處理程序或代碼將被調用執行。通常在下列基本對象中產生:
button(按鈕對象)
checkbox(復選框)或(檢查列表框)
radio (單選鈕)
reset buttons(重要按鈕)
submit buttons(提交按鈕)
例如可通過下列按鈕激活change()文件:

<Form>
<Input type="button" Value="" onClick="change()">
</Form>

在onClick等號后,可以使用自己編寫的函數作為事件處理程序,也可以使用JavaScript中內部的函數。還可以直接使用JavaScript的代碼等。例:<Input type="button" value=" " οnclick=alert("這是一個例子");

(2)onChange改變事件
當利用text或texturea元素輸入字符值改變時發該事件,同時當在select表格項中一個選項狀態改變后也會引發該事件。例:
<Form>
<Input type="text" name="Test" value="Test" onCharge="check('this.test)">
</Form>
(3)選中事件onSelect
當Text或Textarea對象中的文字被加亮后,引發該事件。
(4)獲得焦點事件onFocus
當用戶單擊Text或textarea以及select對象時,產生該事件。此時該對象成為前臺對象。
(5)失去焦點onBlur
當text對象或textarea對象以及select對象不再擁有焦點、而退到后臺時,引發該文件,他與onFocas事件是一個對應的關系。
(6)載入文件onLoad
當文檔載入時,產生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,并用一個變量為其賦值,使它可以被源代碼使用。
(7)卸載文件onUnload
當Web頁面退出時引發onUnload事件,并可更新Cookie的狀態。

三、常用方法

JavaScript:能方便地使用瀏覽器提供的對象,這些對象主要包括windows(窗口對象)、document(文檔對象),location(位置對象),history(歷史對象),利用這些對象,可以與Web頁面交互。其中windows對象是所加載文檔的父對象,調用windows對象的方法可以直接寫方法名。
例如:
(1)window.alert()
(2)window.confirm()
(3)window.prompt();
(4)document.write() document.writeln() 將文本信息輸出到瀏覽器窗口中。


讓彈出窗口總是在最上面:
<body οnblur="this.focus();">

26.如何設定打開頁面的大小
<body οnlοad="top.resizeTo(300,200);">
打開頁面的位置<body οnlοad="top.moveBy(300,200);">

四、JavaScript操作表單form
(1)獲取元素值 document.form1.pass.value;
(2)元素長度 document.form1.pass.value.length;
(3)在pass上設置光標 document.form1.pass.focus();
(4)將form1調單提交給Web服務器上的處理程序:document.form1.submit();

?

轉載于:https://www.cnblogs.com/gongyu/p/3696677.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/375935.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/375935.shtml
英文地址,請注明出處:http://en.pswp.cn/news/375935.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

c語言大樂透編譯,Excel大樂透搖號vba代碼分享,說不定就中百萬了呢

大家好我是Excel從零到一&#xff0c;今天閑來無聊做了一套大樂透搖號程序的vba代碼分享給大家來看下效果Excel大樂透搖號vba代碼分享&#xff0c;說不定就中百萬了呢Sub 搖號()Dim i, a, test, s(1 To 35) As IntegerFor i 1 To 5line1: test Application.WorksheetFunction…

操作系統上機題目(多線程1)

主線程創建10個子線程 第0個子線程計算從01加到10的和 - 第1個子線程計算從11加到20的和 … 第9個子線程計算從91加到100的和 2. 主線程歸并10個子線程的計算結果&#xff0c;最終結果為5050 本題必須使用線程參數來完成 #include<stdio.h> #include<unistd.h> #i…

紙上談兵: 堆 (heap)

紙上談兵: 堆 (heap) 作者&#xff1a;Vamei 出處&#xff1a;http://www.cnblogs.com/vamei 歡迎轉載&#xff0c;也請保留這段聲明。謝謝&#xff01; 堆(heap)又被為優先隊列(priority queue)。盡管名為優先隊列&#xff0c;但堆并不是隊列。回憶一下&#xff0c;在隊列中&a…

C語言 取模運算 保證正數,c語言的取模運算

我們對C的%運算知多少呢&#xff1f;當是正整數時&#xff0c;可能大家都知道。例如&#xff1a;5%3等于2, 3%5等于3。當存在負數時呢&#xff1f;先看看例子&#xff1a;例一&#xff1a;int main(){int x;x -6%5; printf("%2d/n",x);x 6%-5; printf("%2d/n&…

操作系統上機題目(多線程2)

主線程創建4個子線程T1、T2、T3、T4&#xff0c;主線程在4個子線程退出后&#xff0c;才退出線程T1、T2、T3、T4的運行時代碼如下&#xff1a; #include <unistd.h> // sleep函數聲明在該頭文件中void *T1_entry(void *arg) {sleep(2); // 睡眠2秒&#xff0c;不準刪除…

圖形GUI名稱

15句柄圖形(Handle Graphics)15.1圖形窗的產生和控制(Figure window creation and control)clf 清除當前圖close 關閉圖形figure 打開或創建圖形窗口gcf 獲得當前圖的柄openfig 打開圖形refresh 刷新圖形shg 顯示圖形窗15.2軸的產生和控制(Axis creation and control)axes 在任…

c語言編程非線性方程求解,c語言計算機編程三種方法求解非線性方程.doc

c語言計算機編程三種方法求解非線性方程.doc本 科 專 業 學 年 論 文題 目非線性方程求解比較姓 名 何 娟 專 業 計算機科學技術系 班 級 08 級本科(2)班 指 導 老 師 劉 曉 娜 完成日期 2010 年 11 月 21 日計算機學年專業論文 非線性方程求解- 1 -題 目非線性方程求解比較摘 …

最近用到這個強大的工具 PhysicsEditor (轉)

今天收到PhysicsEditor作者發過來的license key&#xff0c;所以順便把PhysicsEditor也嘗試了一下。主要是嘗試將PhysicsEditor與cocos2dx&#xff0c;box2d結合開發的一些步驟。之前大概網絡檢索了一下&#xff0c;知道PhysicsEditor的功能其實很簡單。一句話就是給圖片的邊緣…

淺談塊級元素和內聯元素的嵌套規則

1. 替換和不可替換元素 從元素本身的特點來講&#xff0c;可以分為替換和不可替換元素。 a) 替換元素 替換元素就是瀏覽器根據元素的標簽和屬性&#xff0c;來決定元素的具體顯示內容。 例如瀏覽器會根據<img>標簽的src屬性的值來讀取圖片信息并顯示出來&#xff0c;而如…

如何更新Chrome

在瀏覽器的地址欄中輸入chrome://help即可進行自動更新&#xff0c;如下圖&#xff1a;

c語言用指針實現打開和關閉文件,我用rewind函數沒把指針直到開始,關閉文件然后打開就行。幫忙看看...

該樓層疑似違規已被系統折疊 隱藏此樓查看此樓高手啊&#xff0c;我試了&#xff0c;結果是回到文件頭了&#xff0c;把123覆蓋了&#xff0c;為ABC 但我這個程序就能直接不關閉文件而用rewind函數到開頭&#xff0c;你幫忙看看&#xff0c; //二進制文件的輸入輸出--數據塊的讀…

最佳適應算法模擬內存分配

最佳適應算法 從全部空閑區中找出能滿足作業要求的&#xff0c;且大小最小的空閑分區&#xff0c;這種方法能使碎片盡量小。 問題描述 Given five memory partitions of 100 KB, 500 KB, 200 KB, 300 KB, and 600 KB (in order), how would each of the first-fit, best-fit…

單片機c語言 i%3c%3c1,單片機C語言作業及上機習題及答案

《單片機C語言作業及上機習題及答案》由會員分享&#xff0c;可在線閱讀&#xff0c;更多相關《單片機C語言作業及上機習題及答案(37頁珍藏版)》請在人人文庫網上搜索。1、第一次課熟悉winTC編譯環境、熟悉C語言程序結構1.使用C 語言編譯環境&#xff0c;輸入下面的源程序。將你…

基于順序搜索的動態分區分配算法模擬內存動態分配--最佳適應算法(best fit,BF)

BF算法、男朋友算法&#xff0c;哈哈 要實現動態分區分配&#xff0c;需要考慮三個方面的問題。分別是數據結構、分區分配算法、分區的分配與回收操作。 首數據結構 這里我們使用的是空閑分區鏈&#xff0c;采用雙向鏈表表示空閑分區。 具體實現如下&#xff1a; typedef …

我也要談談大型網站架構之系列(4)——分布式中的異步通信

我們知道在面向對象編程中&#xff0c;總會想著各種辦法來實現代碼的解耦&#xff0c;從而讓項目中的各種人員面對自己熟悉的業務進行開發&#xff0c; 做到術業有專攻&#xff0c;比如大家非常熟悉的三層架構&#xff0c;MVC&#xff0c;MVP以及MVVM模式&#xff0c;讓前端設計…

node模塊函數圖解

已截圖方式記錄模塊信息&#xff1a; HTTP模塊&#xff1a; 對于網絡返回處理狀態封裝了很多種&#xff0c;我已截圖展現 以上狀態也是在http協議中包含的狀態。 http函數&#xff1a; path模塊&#xff1a; 轉載于:https://www.cnblogs.com/kuailingmin/p/4547538.html

android 心跳效果動畫,Android實現心跳的效果

最近再做一個教育類的項目。在做一些學習工具的時候&#xff0c;美工提出了一些要求&#xff0c;大致如下&#xff1a;其實實現過程也不難&#xff0c;大致就是對一個視圖控件添加一個圓形的背景&#xff0c;然后該視圖進行動畫處理&#xff0c;膨脹的同時&#xff0c;透明度增…

Oracle超出最大連接數問題及解決

用過Oracle的應該都熟悉如何查看和設置Oracle數據庫的最大連接數。這里就再啰嗦一遍。 查看當前的連接數&#xff0c;可以用select count(*) from v$process;設置的最大連接數&#xff08;默認值為150&#xff09;select value from v$parameter where name ‘processes’;修改…

操作系統上機作業--使用系統調用實現mycat

mycat.c的功能與系統cat程序相同mycat將指定的文件內容輸出到屏幕&#xff0c;例子如下&#xff1a;要求使用系統調用open/read/write/close實現 $ cat /etc/passwd root:x:0:0:root:/root:/bin/bash daemon:x:1:1:daemon:/usr/sbin:/usr/sbin/nologin bin:x:2:2:bin:/bin:/u…

GCDAynscSocket簡單使用-客戶端

這是一篇介紹GCDAynscSocket客戶端簡單使用的文章&#xff08;服務端后續添加&#xff09; 背景&#xff1a;在這篇文章之前我對socket的了解僅限于知道有TCP、UDP兩種方式&#xff0c;使用抓包工具時甚至看不懂抓包數據&#xff08;慚愧...&#xff09;&#xff0c;所以本文介…