javascript初学者常用技巧


Posted in Javascript onSeptember 02, 2014

本文实例讲解了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 相关文章推荐
按给定几率进行随机抽取的js代码
Dec 28 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
Jun 20 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
Mar 16 Javascript
基于jQuery实现返回顶部实例代码
Jan 01 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
Apr 17 Javascript
JS实现touch 点击滑动轮播实例代码
Jan 19 Javascript
详解在Vue中如何使用axios跨域访问数据
Jul 07 Javascript
vue webuploader 文件上传组件开发
Sep 23 Javascript
vue js秒转天数小时分钟秒的实例代码
Aug 08 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
Jul 23 Javascript
js/jquery判断浏览器的方法小结
Sep 02 #Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 #Javascript
jQuery级联操作绑定事件实例
Sep 02 #Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 #Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 #Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 #Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 #Javascript
You might like
PHP 八种基本的数据类型小结
2011/06/01 PHP
PHP嵌套输出缓冲代码实例
2015/05/12 PHP
Yii使用技巧大汇总
2015/12/29 PHP
PHP的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
一实用的实现table排序的Javascript类库
2007/09/12 Javascript
js window.event对象详尽解析
2009/02/17 Javascript
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
2011/07/31 Javascript
Node.js与PHP、Python的字符处理性能对比
2014/07/06 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
js 获取当前web应用的上下文路径实现方法
2016/08/19 Javascript
JS克隆,属性,数组,对象,函数实例分析
2016/11/26 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
2018/04/24 Javascript
JavaScrip数组去重操作实例小结
2019/06/20 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
js实现随机点名
2021/01/19 Javascript
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
Python的Bottle框架中实现最基本的get和post的方法的教程
2015/04/30 Python
Python实现Linux中的du命令
2017/06/12 Python
详解 Python中LEGB和闭包及装饰器
2017/08/03 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
python3+selenium获取页面加载的所有静态资源文件链接操作
2020/05/04 Python
matplotlib subplot绘制多个子图的方法示例
2020/07/28 Python
navabi英国:设计师大码女装
2019/06/25 全球购物
信息管理专业推荐信
2013/10/29 职场文书
劳资人员岗位职责
2013/12/19 职场文书
法律进企业活动方案
2014/03/04 职场文书
学生社团文化节开幕式主持词
2014/03/28 职场文书
毕业论文评语大全
2014/04/29 职场文书
学习考察心得体会
2014/09/04 职场文书
2015年班级元旦晚会活动总结
2014/11/28 职场文书
爱心捐书倡议书
2015/04/27 职场文书
2019各种保证书范文
2019/06/24 职场文书
导游词之金鞭溪风景区
2019/09/12 职场文书
【超详细】八大排序算法的各项比较以及各自特点
2021/03/31 Python
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android