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 相关文章推荐
firefox火狐浏览器与与ie兼容的2个问题总结
Jul 20 Javascript
JS中令人发指的valueOf方法介绍
Feb 22 Javascript
循环 vs 递归浅谈
Feb 28 Javascript
jquery如何扑捉回车键触发的事件
Apr 24 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 Javascript
javascript实现下雪效果【实例代码】
May 03 Javascript
AngularJS 单元测试(一)详解
Sep 21 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
Feb 24 Javascript
Windows安装Node.js报错:2503、2502的解决方法
Oct 25 Javascript
微信小程序发布新版本时自动提示用户更新的方法
Jun 07 Javascript
vue data引入本地图片的两种方式小结
Nov 13 Javascript
Vue实现动态查询规则生成组件
May 27 Vue.js
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下用GD生成生成缩略图的两个选择和区别
2007/04/17 PHP
php PDO中文乱码解决办法
2009/07/20 PHP
PHP中for与foreach的区别分析
2011/03/09 PHP
php实现httpclient类示例
2014/04/08 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
javascript与CSS复习(三)
2010/06/29 Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
2013/01/27 Javascript
jquery自定义下拉列表示例
2014/04/25 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
JQuery实现防止退格键返回的方法
2015/02/12 Javascript
基于jquery实现图片上传本地预览功能
2016/01/08 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
2016/08/01 Javascript
Google 地图控件集详解及实例代码
2016/08/06 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
javascript-解决mongoose数据查询的异步操作
2016/12/22 Javascript
JavaScript实现图片拖曳效果
2017/09/08 Javascript
vue监听input标签的value值方法
2018/08/27 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
微信小程序使用蓝牙小插件
2019/09/23 Javascript
Js代码中的span拼接问题解决
2019/11/22 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
PYTHON压平嵌套列表的简单实现
2016/06/08 Python
Python 3.6 性能测试框架Locust安装及使用方法(详解)
2017/10/11 Python
python实现决策树分类(2)
2018/08/30 Python
Django Admin中增加导出CSV功能过程解析
2019/09/04 Python
python关于调用函数外的变量实例
2019/12/26 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
Selenium启动Chrome时配置选项详解
2020/03/18 Python
Python字典dict常用方法函数实例
2020/11/09 Python
2015年人事工作总结范文
2015/04/09 职场文书
在校生证明
2015/06/17 职场文书
单位车辆管理制度
2015/08/05 职场文书