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实现div内部的文字或图片自动循环滚动代码
Apr 19 Javascript
jQuery遍历json的方法分析
Apr 16 Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 Javascript
微信小程序 Tab页切换更新数据
Jan 05 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
Feb 18 Javascript
javascript帧动画(实例讲解)
Sep 02 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
Sep 13 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 Javascript
js中apply和call的理解与使用方法
Nov 27 Javascript
vue实现分页加载效果
Dec 24 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删除非空目录的函数代码小结
2013/02/28 PHP
基于PHP生成静态页的实现方法
2013/05/10 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
PHP中单例模式的使用场景与使用方法讲解
2019/03/18 PHP
定义select的边框颜色
2008/04/28 Javascript
jQuery验证Checkbox是否选中的代码 推荐
2011/09/04 Javascript
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
JavaScript的jQuery库中function的存在和参数问题
2015/08/13 Javascript
js实现不提交表单获取单选按钮值的方法
2015/08/21 Javascript
Bootstrap如何激活导航状态
2017/03/22 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
vue中组件通信的八种方式(值得收藏!)
2019/08/09 Javascript
对layui初始化列表的CheckBox属性详解
2019/09/13 Javascript
[01:12:35]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
Python2.x中str与unicode相关问题的解决方法
2015/03/30 Python
初步探究Python程序的执行原理
2015/04/11 Python
Python二叉搜索树与双向链表转换算法示例
2019/03/02 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
Django框架实现在线考试系统的示例代码
2020/11/30 Python
HTML5 Canvas绘制圆点虚线实例
2015/01/01 HTML / CSS
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
联想西班牙官网:Lenovo西班牙
2018/08/28 全球购物
教学器材管理制度
2014/01/26 职场文书
小学生读书感言
2014/02/12 职场文书
教研活动总结
2014/04/28 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
工程造价专业求职信
2014/07/17 职场文书
2014党的群众路线教育实践活动总结材料
2014/10/31 职场文书
事业单位考察材料范文
2014/12/25 职场文书
出纳岗位职责范本
2015/03/31 职场文书
2015军训通讯稿大全
2015/07/18 职场文书