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 相关文章推荐
javascript div 遮罩层封锁整个页面
Jul 10 Javascript
jQuery 页面 Mask实现代码
Jan 09 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
Nov 14 Javascript
JS实现OCX控件的事件响应示例
Sep 17 Javascript
JS对字符串编码的几种方式使用指南
May 14 Javascript
javascript验证邮件地址和MX记录的方法
Jun 16 Javascript
浏览器兼容的JS写法总结
Apr 27 Javascript
javascript执行环境及作用域详解
May 05 Javascript
前端性能优化及技巧
May 06 Javascript
基于JS实现限时抢购倒计时间表代码
May 09 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
基于vue-resource jsonp跨域问题的解决方法
Feb 03 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
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
php fsockopen解决办法 php实现多线程
2014/01/20 PHP
一个PHP的ZIP压缩类分享
2014/05/04 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
如何使用Javascript获取距今n天前的日期
2013/07/08 Javascript
IE8中使用javascript动态加载CSS的解决方法
2014/06/17 Javascript
使用jQuery将多条数据插入模态框的实现代码
2014/10/08 Javascript
javascript实现的右下角弹窗实例
2015/04/24 Javascript
基于JavaScript实现动态添加删除表格的行
2016/02/01 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
在javascript中创建对象的各种模式解析
2016/05/16 Javascript
jQuery实现移动端Tab选项卡效果
2017/03/15 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
详解node.js 下载图片的 2 种方式
2018/03/02 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
react实现换肤功能的示例代码
2018/08/14 Javascript
pageGroup.js实现分页功能
2019/07/27 Javascript
Python创建文件和追加文件内容实例
2014/10/21 Python
python+django加载静态网页模板解析
2017/12/12 Python
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
python 中的命名空间,你真的了解吗?
2020/08/19 Python
amazeui页面分析之登录页面的示例代码
2020/08/25 HTML / CSS
西安启天科技有限公司网络工程师面试题笔试题
2016/06/12 面试题
母亲节演讲稿范文
2014/01/02 职场文书
中英文求职信范文
2014/01/27 职场文书
中文专业学生自我评价范文
2014/02/06 职场文书
优秀高中生事迹材料
2014/02/11 职场文书
综合办公室主任岗位职责
2014/04/13 职场文书
学雷锋活动倡议书
2014/08/30 职场文书
纪念九一八事变演讲稿:忘记意味着背叛
2014/09/14 职场文书
承诺函范文
2015/01/21 职场文书
银行优秀员工推荐信
2015/03/24 职场文书
2015年党员创先争优公开承诺书
2015/04/27 职场文书
python实现进度条的多种实现
2021/04/29 Python
Java异常体系非正常停止和分类
2022/06/14 Java/Android