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 相关文章推荐
仿服务器端脚本方式的JS模板实现方法
Apr 27 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 Javascript
js读取被点击次数的简单实例(从数据库中读取)
Mar 07 Javascript
javascript获取dom的下一个节点方法
Sep 05 Javascript
JS定义网页表单提交(submit)的方法
Mar 20 Javascript
php结合imgareaselect实现图片裁剪
Jul 05 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
javascript中json基础知识详解
Jan 19 Javascript
vue微信分享 vue实现当前页面分享其他页面
Dec 02 Javascript
iView-admin 动态路由问题的解决方法
Oct 03 Javascript
简述vue-cli中chainWebpack的使用方法
Jul 30 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
Jan 19 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/04/23 PHP
php实现mysql数据库分表分段备份
2015/06/18 PHP
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
2011/03/30 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
2013/09/22 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
Javascript中For In语句用法实例
2015/05/14 Javascript
客户端验证用户名和密码的方法详解
2016/06/16 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
Vue指令的钩子函数使用方法
2017/03/20 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
2017/06/04 Javascript
vue2项目使用sass的示例代码
2017/06/28 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
p5.js临摹旋转爱心
2019/10/23 Javascript
JS highcharts动态柱状图原理及实现
2020/10/16 Javascript
Vue toFixed保留两位小数的3种方式
2020/10/23 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
2020/11/10 Javascript
微信小程序input抖动问题的修复方法
2021/03/03 Javascript
[56:42]完美世界DOTA2联赛循环赛 Matador vs Forest 第二场 11.06
2020/11/06 DOTA
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
python通过floor函数舍弃小数位的方法
2015/03/17 Python
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
Python操作MySQL数据库9个实用实例
2015/12/11 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
简单了解Python变量作用域正确使用方法
2020/06/12 Python
python实现批量转换图片为黑白
2020/06/16 Python
美国当红的名品折扣网:Gilt Groupe
2016/08/15 全球购物
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
什么是事务?事务有哪些性质?
2012/03/11 面试题
大学毕业生管理学求职信
2014/09/01 职场文书
先进员工事迹材料
2014/12/20 职场文书
2015年团委副书记工作总结
2015/07/23 职场文书
因个人工作失误检讨书
2019/06/21 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书