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 相关文章推荐
在网页中控制wmplayer播放器
Jul 01 Javascript
JavaScript继承方式实例
Oct 29 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
javascript记录文本框内文字个数检测文字个数变化
Oct 14 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
简单的js计算器实现
Oct 26 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
Thinkphp5微信小程序获取用户信息接口的实例详解
Sep 26 Javascript
了解JavaScript中let语句
May 30 Javascript
解决layui 三级联动下拉框更新时回显的问题
Sep 03 Javascript
Vue 禁用浏览器的前进后退操作
Sep 04 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
全国FM电台频率大全 - 11 浙江省
2020/03/11 无线电
Windows2003 下 MySQL 数据库每天自动备份
2006/12/21 PHP
基于php缓存的详解
2013/05/15 PHP
php cli 小技巧
2013/06/03 PHP
PHP递归统计系统中代码行数
2019/09/19 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
$.ajax json数据传递方法
2008/11/19 Javascript
jquery select下拉框操作的一些说明
2010/04/02 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
2013/12/11 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
jQuery页面刷新(局部、全部)问题分析
2016/01/09 Javascript
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
2018/01/25 Javascript
深入浅析Vue.js计算属性和侦听器
2018/05/05 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
2018/09/16 Javascript
跨域请求两种方法 jsonp和cors的实现
2018/11/11 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
解决Pandas to_json()中文乱码,转化为json数组的问题
2018/05/10 Python
Python_查看sqlite3表结构,查询语句的示例代码
2019/07/17 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
Python环境下安装PyGame和PyOpenGL的方法
2020/03/25 Python
如何查看python关键字
2021/01/17 Python
联想香港官方网站及网店:Lenovo香港
2018/04/13 全球购物
介绍一下write命令
2012/09/24 面试题
2014年教师政治学习材料
2014/06/02 职场文书
详解Java实践之适配器模式
2021/06/18 Java/Android
CSS中float高度塌陷问题的四种解决方案
2022/04/18 HTML / CSS