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禁止回车触发表单提交
Dec 12 Javascript
JavaScript操作XML文件之XML读取方法
Jun 09 Javascript
javascript使用输出语句实现网页特效代码
Aug 06 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
JavaScript学习总结之JS、AJAX应用
Jan 29 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
Feb 18 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
关于axios如何全局注册浅析
Jan 14 Javascript
vue项目tween方法实现返回顶部的示例代码
Mar 02 Javascript
VUE 配置vue-devtools调试工具及安装方法
Sep 30 Javascript
JavaScript实现随机点名器
Mar 25 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
解析二进制流接口应用实例 pack、unpack、ord 函数使用方法
2013/06/18 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
基于php实现随机合并数组并排序(原排序)
2015/11/26 PHP
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
thinkphp5修改view到根目录实例方法
2019/07/02 PHP
如何通过javascript操作web控件的自定义属性
2013/11/25 Javascript
JavaScript中最简洁的编码html字符串的方法
2014/10/11 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
2019/04/30 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
2019/05/21 Javascript
JS实现百度搜索框
2021/02/25 Javascript
Python中输出ASCII大文字、艺术字、字符字小技巧
2015/04/28 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
Python中%是什么意思?python中百分号如何使用?
2018/03/20 Python
python验证码识别教程之利用投影法、连通域法分割图片
2018/06/04 Python
Django 路由控制的实现代码
2018/11/08 Python
python Pexpect 实现输密码 scp 拷贝的方法
2019/01/03 Python
Python图像处理之图像的读取、显示与保存操作【测试可用】
2019/01/04 Python
用Pycharm实现鼠标滚轮控制字体大小的方法
2019/01/15 Python
python通过paramiko复制远程文件及文件目录到本地
2019/04/30 Python
Python实现自动访问网页的例子
2020/02/21 Python
python实现logistic分类算法代码
2020/02/28 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
美国在线工具商店:Acme Tools
2018/06/26 全球购物
在家更换处方镜片:Lensabl
2019/05/01 全球购物
介绍一下Linux文件的记录形式
2013/09/29 面试题
办公室文员工作自我鉴定
2014/09/19 职场文书
街道务虚会发言材料
2014/10/20 职场文书
2014年教师思想工作总结
2014/12/03 职场文书
优秀班主任主要事迹材料
2014/12/16 职场文书
出国导师推荐信
2015/03/25 职场文书
创业计划书之奶茶店开店方案范本!
2019/08/06 职场文书
JavaWeb Servlet开发注册页面实例
2022/04/11 Java/Android