首頁 > web前端 > js教程 > 主體

javascript初學者常用技巧_javascript技巧

WBOY
發布: 2016-05-16 16:38:01
原創
1394 人瀏覽過

本文實例講解了javascript初學者常用的一些技巧。分享給大家參考之用。具體如下:

一、Javascript程式存放位置

HTML的

裡面
HTML的裡面
*.js檔案裡面

二、標準格式

放在HTML的

裡面,當瀏覽器載入到Body部分的時候就開始執行Javascript
<html>
<head></head>
<body>
<script type="text/javascript">
。。。。。。
</script>
</body>
</html>

登入後複製

放在HTML的

之間,一般用於在使用者事件觸發

<html>
<head>
<script type="text/javascript">
。。。。。。
</script>
</head>
<body></body>
</html>

登入後複製

有些可以共用的js方法或其它避免造成程式碼重複允餘,可以將js放入*.js檔案裡面,在html中引入

<html>
<head>
<script src="filepath/*.js"/></script>
</head>
<body>
</body>
</html>

登入後複製

三、常用事件文字方塊焦點事件

onblur:失去焦點事件

onfocus:取得焦點​​事件

onchange:文字方塊文字改變事件

onselect:選擇文字方塊文字事件

<input type="text" value="test text!" onfocus="if(value=='test text!') {value=''}" onblur="if(value=='') {value='test text!'}" />
<!-- 初始值为test text! 获得焦点后判断用户无输入将文本框设空 失去焦点时判断为空时设置默认值 -->

登入後複製

希望本文所述對大家javascript程式設計的學習有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板