首頁 >web前端 >js教程 >javascript初學者常用技巧_javascript技巧

javascript初學者常用技巧_javascript技巧

WBOY
WBOY原創
2016-05-16 16:38:011406瀏覽

本文實例講解了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程式設計的學習有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn