提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript初学者常用技巧

JavaScript 技巧 常用 初学者
2023-06-13 09:15:45 时间

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

一、Javascript程序存放位置

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

二、标准格式

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

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

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

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

有些可以共用的js方法或者其它避免造成代码重复允余，可以将js放入到*.js文件里面，在html中引入

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

三、常用事件文本框焦点事件

onblur：失去焦点事件

onfocus：获得焦点事件

onchange：文本框文字改变事件

onselect：选择文本框文字事件

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

希望本文所述对大家javascript程序设计的学习有所帮助。

相关文章