javascript初学者常用技巧

274 阅读 0 评论 181 点赞

我是靠谱客的博主淡然往事，最近开发中收集的这篇文章主要介绍javascript初学者常用技巧，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例讲解了javascript初学者常用的一些技巧。分享给大家供大家参考之用。具体如下：

一、Javascript程序存放位置

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

二、标准格式

放在HTML的<body></body>里面，当浏览器载入到Body部分的时候就开始执行Javascript

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

放在HTML的<head></head>之间，一般用于在用户事件触发

<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程序设计的学习有所帮助。