javascript初學(xué)者常用技巧

更新時(shí)間：2014年09月02日 11:22:37 投稿：shichen2014

這篇文章主要介紹了javascript初學(xué)者常用技巧,包括javascript的存放位置、格式及焦點(diǎn)事件等,需要的朋友可以參考下

本文實(shí)例講解了javascript初學(xué)者常用的一些技巧。分享給大家供大家參考之用。具體如下：

一、Javascript程序存放位置

HTML的<body></body>里面
HTML的<head></head>里面
*.js文件里面

二、標(biāo)準(zhǔn)格式

放在HTML的<body></body>里面，當(dāng)瀏覽器載入到Body部分的時(shí)候就開(kāi)始執(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)后判斷用戶無(wú)輸入將文本框設(shè)空 失去焦點(diǎn)時(shí)判斷為空時(shí)設(shè)置默認(rèn)值 -->

希望本文所述對(duì)大家javascript程序設(shè)計(jì)的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript實(shí)現(xiàn)鼠標(biāo)框選操作不是點(diǎn)擊選取
這篇文章主要介紹了Javascript實(shí)現(xiàn)鼠標(biāo)框選操作,不是點(diǎn)擊選取,利用鼠標(biāo)進(jìn)行框選，感興趣的小伙伴們可以參考一下
2016-04-04
網(wǎng)頁(yè)禁用右鍵實(shí)現(xiàn)代碼（JavaScript代碼）
網(wǎng)頁(yè)禁用右鍵的代碼，我們可以不少網(wǎng)站在使用，讓別人復(fù)制什么的麻煩，但破解方法也比較簡(jiǎn)單。這里就不說(shuō)了，如果想知道的可以參考腳本之家以前發(fā)布的文章。
2009-10-10
不能再簡(jiǎn)單的無(wú)閃刷新驗(yàn)證碼原理很簡(jiǎn)單
不能再簡(jiǎn)單的無(wú)閃刷新驗(yàn)證碼原理很簡(jiǎn)單...
2007-11-11
小程序?qū)崿F(xiàn)登錄功能
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)登錄功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-09-09
layer彈出層擴(kuò)展主題的方法
今天小編就為大家分享一篇layer彈出層擴(kuò)展主題的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JS關(guān)于?replace?取值、替換第幾個(gè)匹配項(xiàng)問(wèn)題小結(jié)
這篇文章主要介紹了JS關(guān)于replace取值、替換第幾個(gè)匹配項(xiàng),本文針對(duì)字符串的替換、截取知識(shí)點(diǎn)做詳細(xì)介紹，結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2023-05-05
JS中frameset框架彈出層實(shí)例代碼
這篇文章主要介紹了JS中frameset框架彈出層實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-04-04
深入探究JavaScript中WeakMap的原理與用法
這篇文章主要對(duì)JavaScript中的WeakMap進(jìn)行深入探究，包括它的原理、用法和注意事項(xiàng)等，文中的示例代碼簡(jiǎn)潔易懂，需要的小伙伴可以參考一下
2023-05-05
最全面的JS倒計(jì)時(shí)代碼
這篇文章主要為大家詳細(xì)介紹了最全面的JS倒計(jì)時(shí)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
Mvc提交表單的四種方法全程詳解
本文給大家介紹mvc提交表單的四種方法，分別是MVC HtmlHelper方法，傳統(tǒng)Form表單Aciton屬性提交，Jquery+Ajax 提交表單，MVC Controller控制器和表單參數(shù)傳遞，介紹的非常詳細(xì)，需要的朋友參考下
2016-08-08