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 相关文章推荐
JavaScript读取中文cookie时的乱码问题的解决方法
Oct 14 Javascript
20个非常有用的PHP类库 加速php开发
Jan 15 Javascript
jQuery MD5加密实现代码
Mar 15 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
Apr 17 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
May 14 Javascript
jQuery实现在列表的首行添加数据
May 19 Javascript
AngularJs 禁止模板缓存的方法
Nov 28 Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 Javascript
vue实现侧边栏导航效果
Oct 21 Javascript
node.JS路径解析之PATH模块使用方法详解
Feb 06 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
Openlayers学习之加载鹰眼控件
Sep 28 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 socket的讲解与实例分析
2013/06/13 PHP
PHP使用in_array函数检查数组中是否存在某个值
2015/03/25 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
js 新浪的一个图片播放图片轮换效果代码
2008/07/15 Javascript
JQuery最佳实践之精妙的自定义事件
2010/08/11 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
Javascript es7中比较实用的两个方法示例
2017/07/21 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
2017/09/07 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
vue-resource:jsonp请求百度搜索的接口示例
2019/11/09 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
解决vue一个页面中复用同一个echarts组件的问题
2020/07/19 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
[05:17]DOTA2誓师:今天我们在这里 明天TI4等我!
2014/03/26 DOTA
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
python读取注册表中值的方法
2013/04/08 Python
跟老齐学Python之关于类的初步认识
2014/10/11 Python
pyqt实现.ui文件批量转换为对应.py文件脚本
2019/06/19 Python
用python的turtle模块实现给女票画个小心心
2019/11/23 Python
详解Python设计模式之策略模式
2020/06/15 Python
如何使用canvas绘制可移动网格的示例代码
2020/12/14 HTML / CSS
大学生就业自荐信
2013/10/26 职场文书
财会自我鉴定范文
2013/12/27 职场文书
公司合作意向书
2014/04/01 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
刘公岛导游词
2015/02/05 职场文书
2015年信息宣传工作总结
2015/05/26 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
2015年公路路政个人工作总结
2015/07/24 职场文书
银行工作心得体会范文
2016/01/23 职场文书
教你怎么用Python监控愉客行车程
2021/04/29 Python
React配置子路由的实现
2021/06/03 Javascript
Java实现房屋出租系统详解
2021/10/05 Java/Android
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang