javascript初学者常用技巧
作者:bea
本文实例讲解了javascript初学者常用的一些技巧。分享给大家供大家参考之用。具体如下: 一、Javascript程序存放位置 HTML的<body></body>里面 HTML的<head></head>里面 *.js文件里面 二、标准格式 放在HTML的<body></body>里面,当浏览器载入到Body部分的时候就开始执行Javascript <html><head>
本文实例讲解了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程序设计的学习有所帮助。
有用 | 无用
一、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程序设计的学习有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 浅析Node.js查找字符串功能
- Node.js实现在目录中查找某个字符串及所在文件
- iframe如何动态创建及释放其所占内存
- Javascript正则控制文本框只能输入整数或浮点数
- jquery制作select列表双向选择示例代码
- 一个获取第n个元素节点的js函数
- indexOf 和 lastIndexOf 使用示例介绍
- jquery实现个人中心导航菜单效果和美观都非常不错
- JavaScript判断文件上传类型的方法
- JavaScript中九种常用排序算法
- 事件委托与阻止冒泡阻止其父元素事件触发
- 解决jquery版本冲突的有效方法
- ajaxFileUpload.js插件支持多文件上传的方法
- 引用其它js时如何同时处理多个window.onload事件
- JS中自定义定时器让它在某一时刻执行
- 理解javascript中的回调函数(callback)
- 详解js闭包
- jquery delay()介绍及使用指南
- 使用jquery实现放大镜效果