javascript初學(xué)者常用技巧
本文實(shí)例講解了javascript初學(xué)者常用的一些技巧。分享給大家供大家參考之用。具體如下:
一、Javascript程序存放位置
HTML的<body></body>里面
HTML的<head></head>里面
*.js文件里面
二、標(biāo)準(zhǔn)格式
放在HTML的<body></body>里面,當(dāng)瀏覽器載入到Body部分的時(shí)候就開始執(zhí)行Javascript
<html> <head></head> <body> <script type="text/javascript"> 。。。。。。 </script> </body> </html>
放在HTML的<head></head>之間,一般用于在用戶事件觸發(fā)
<html> <head> <script type="text/javascript"> 。。。。。。 </script> </head> <body></body> </html>
有些可以共用的js方法或者其它避免造成代碼重復(fù)允余,可以將js放入到*.js文件里面,在html中引入
<html> <head> <script src="filepath/*.js"/></script> </head> <body> </body> </html>
三、常用事件文本框焦點(diǎn)事件
onblur:失去焦點(diǎn)事件
onfocus:獲得焦點(diǎn)事件
onchange:文本框文字改變事件
onselect:選擇文本框文字事件
<input type="text" value="test text!" onfocus="if(value=='test text!') {value=''}" onblur="if(value=='') {value='test text!'}" /> <!-- 初始值為test text! 獲得焦點(diǎn)后判斷用戶無輸入將文本框設(shè)空 失去焦點(diǎn)時(shí)判斷為空時(shí)設(shè)置默認(rèn)值 -->
希望本文所述對(duì)大家javascript程序設(shè)計(jì)的學(xué)習(xí)有所幫助。
- javascript 常用代碼技巧大收集
- 關(guān)于javascript中的parseInt使用技巧
- javascript dom操作之cloneNode文本節(jié)點(diǎn)克隆使用技巧
- Javascript技巧之不要用for in語句對(duì)數(shù)組進(jìn)行遍歷
- JavaScript高級(jí)程序設(shè)計(jì) 學(xué)習(xí)筆記 js高級(jí)技巧
- Javascript的數(shù)組與字典用法與遍歷對(duì)象的屬性技巧
- JavaScript避免代碼的重復(fù)執(zhí)行經(jīng)驗(yàn)技巧分享
- 一些老手都不一定知道的JavaScript技巧
- javascript學(xué)習(xí)筆記之10個(gè)原生技巧
- JavaScript數(shù)組常用操作技巧匯總
- JavaScript常用小技巧小結(jié)
- 分享一則javascript 調(diào)試技巧
- 推薦5 個(gè)常用的JavaScript調(diào)試技巧
- Javascript優(yōu)化技巧之短路表達(dá)式詳細(xì)介紹
- Javascript常用小技巧匯總
- javascript 應(yīng)用小技巧方法匯總
- 快速學(xué)習(xí)JavaScript的6個(gè)思維技巧
- 分享經(jīng)典的JavaScript開發(fā)技巧
相關(guān)文章
javascript算法題:求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào)
這篇文章主要介紹了javascript算法題:求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào),需要的朋友可以參考下2015-04-04JavaScript實(shí)現(xiàn)按鍵精靈的原理分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)按鍵精靈的原理分析,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02基于JavaScript實(shí)現(xiàn)網(wǎng)頁倒計(jì)時(shí)自動(dòng)跳轉(zhuǎn)代碼
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)網(wǎng)頁倒計(jì)時(shí)自動(dòng)跳轉(zhuǎn)代碼 的相關(guān)資料,需要的朋友可以參考下2015-12-12Javascript 實(shí)現(xiàn)TreeView CheckBox全選效果
Javascript 實(shí)現(xiàn)TreeView CheckBox 選中父節(jié)點(diǎn)時(shí)所有子節(jié)點(diǎn)全選,取消時(shí)全部取消2010-01-01