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 相关文章推荐
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
Apr 19 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 Javascript
表单验证的完整应用案例探讨
Mar 29 Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 Javascript
jQuery带箭头提示框tooltips插件集锦
Nov 17 Javascript
JavaScript 事件绑定及深入
Apr 13 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
May 15 Javascript
jQuery操作动态生成的内容的方法
May 28 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
javaScript 连接打印机,打印小票的实例
Dec 29 Javascript
详解js location.href和window.open的几种用法和区别
Dec 02 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版网站缓存加快打开速度的方法分享
2012/06/03 PHP
table标签的结构与合并单元格的实现方法
2013/07/24 PHP
解析php中如何调用用户自定义函数
2013/08/06 PHP
php+ajax实现无刷新分页的方法
2014/11/04 PHP
PHP实现批量生成App各种尺寸Logo
2015/03/19 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
jQuery 性能优化指南(2)
2009/05/21 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
2011/12/12 Javascript
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
JS 获取鼠标左右键的键值方法
2014/10/11 Javascript
javascript数组去重小结
2016/03/07 Javascript
Jquery和JS获取ul中li标签的实现方法
2016/06/02 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
Node.js使用NodeMailer发送邮件实例代码
2017/03/06 Javascript
关于JavaScript中的this指向问题总结篇
2017/07/23 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
2017/10/11 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
详解小程序输入框闪烁及重影BUG解决方案
2018/08/31 Javascript
Vue实现简易翻页效果源码分享
2018/11/08 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
浅谈Javascript常用正则表达式应用
2019/03/08 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
微信小程序实现音乐播放页面布局
2020/12/11 Javascript
python实现的各种排序算法代码
2013/03/04 Python
python数据结构之二叉树的统计与转换实例
2014/04/29 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
python UIAutomator2使用超详细教程
2021/02/19 Python
美国婴儿和儿童服装购物网站:PatPat
2020/10/01 全球购物
篮球比赛拉拉队口号
2014/06/10 职场文书
雨中的树观后感
2015/06/03 职场文书
奖学金申请书(范文)
2019/08/14 职场文书