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触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
javascript使用onclick事件改变选中行的颜色
Dec 30 Javascript
文本域中换行符的替换示例
Mar 04 Javascript
将字符串中由空格隔开的每个单词首字母大写
Apr 06 Javascript
深入探讨javascript中的数据类型
Mar 04 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
Vue下路由History模式打包后页面空白的解决方法
Jun 29 Javascript
玩转Koa之核心原理分析
Dec 29 Javascript
使用element-ui table expand展开行实现手风琴效果
Mar 15 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
Nov 09 Javascript
如何优雅地取消 JavaScript 异步任务
Mar 22 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 smarty模版引擎中变量操作符及使用方法
2009/12/11 PHP
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
PHP解析html类库simple_html_dom的转码bug
2014/05/22 PHP
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
php如何获取Http请求
2020/04/30 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
select多选 multiple的使用示例
2014/06/16 Javascript
vue使用watch 观察路由变化,重新获取内容
2017/03/08 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
vue3.0 搭建项目总结(详细步骤)
2019/05/20 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
2019/09/01 Javascript
小程序分享链接onShareAppMessage的具体用法
2020/05/22 Javascript
[08:06]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant 选手采访
2021/03/11 DOTA
python实现调用其他python脚本的方法
2014/10/05 Python
Linux下用Python脚本监控目录变化代码分享
2015/05/21 Python
机器学习python实战之决策树
2017/11/01 Python
详解django的serializer序列化model几种方法
2018/10/16 Python
Python实现繁体中文与简体中文相互转换的方法示例
2018/12/18 Python
详解python运行三种方式
2019/05/13 Python
python实现读取excel文件中所有sheet操作示例
2019/08/09 Python
Django中使用MySQL5.5的教程
2019/12/18 Python
世界最大的私人旅行指南出版商:孤独星球
2016/08/23 全球购物
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
优秀食品类广告词
2014/03/19 职场文书
护士个人自我鉴定
2014/03/24 职场文书
团拜会主持词
2015/07/04 职场文书
Python标准库之typing的用法(类型标注)
2021/06/02 Python
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python
MySQL时区造成时差问题
2022/04/13 MySQL
python神经网络学习 使用Keras进行简单分类
2022/05/04 Python