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实现CheckBox全选全不选
Jun 27 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 Javascript
javascript字符串替换及字符串分割示例代码
Dec 12 Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
Nov 08 Javascript
jquery读写cookie操作实例分析
Dec 24 Javascript
jQuery自定义滚动条完整实例
Jan 08 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
May 24 Javascript
详解handlebars+require基本使用方法
Dec 21 Javascript
浅谈javascript中的事件冒泡和事件捕获
Dec 28 Javascript
Node中使用ES6语法的基础教程
Jan 05 Javascript
node.js部署之启动后台运行forever的方法
May 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
PHP4实际应用经验篇(7)
2006/10/09 PHP
php安全配置 如何配置使其更安全
2011/12/16 PHP
phpmyadmin配置文件现在需要绝密的短密码(blowfish_secret)的2种解决方法
2014/05/07 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
js 目录列举函数
2008/11/06 Javascript
Safari5中alert的无限循环BUG
2011/04/07 Javascript
40个新鲜出炉的jQuery 插件和免费教程[上]
2012/07/24 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
2016/12/01 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
Python正则表达式匹配ip地址实例
2014/10/09 Python
用Python编写web API的教程
2015/04/30 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
Python类继承和多态原理解析
2020/02/05 Python
Python tkinter布局与按钮间距设置方式
2020/03/04 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
产品销售员岗位职责
2013/12/18 职场文书
《春雨》教学反思
2014/04/24 职场文书
优秀语文教师事迹
2014/05/18 职场文书
计算机毕业生求职信
2014/06/10 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
离婚协议书怎么写的
2014/12/14 职场文书
创先争优活动个人总结
2015/03/04 职场文书
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle
SpringBoot全局异常处理方案分享
2022/05/25 Java/Android