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 小数取整的函数
May 10 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
May 27 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
详解Vue 普通对象数据更新与 file 对象数据更新
Apr 26 Javascript
JavaScript实现简单评论功能
Aug 17 Javascript
JQuery判断正整数整理小结
Aug 21 jQuery
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
Vue拖拽组件开发实例详解
May 11 Javascript
vue完成项目后,打包成静态文件的方法
Sep 03 Javascript
vue-cli 打包使用history模式的后端配置实例
Sep 20 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
Jul 28 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与SQL注入攻击[二]
2007/04/17 PHP
PHP数据集构建JSON格式及新数组的方法
2012/11/07 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
2007/04/12 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
2012/11/01 Javascript
JS实现控制表格行内容垂直对齐的方法
2015/03/30 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
JavaScript的类型、值和变量小结
2015/07/09 Javascript
JavaScript判断是否是微信浏览器
2016/06/13 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
浅析JavaScript中作用域和作用域链
2016/12/06 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
Vue组件全局注册实现警告框的实例详解
2018/06/11 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
[44:40]Serenity vs Pain 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
如何在Python中编写并发程序
2016/02/27 Python
深入解析Python中的上下文管理器
2016/06/28 Python
python实现批量修改文件名代码
2017/09/10 Python
matlab中实现矩阵删除一行或一列的方法
2018/04/04 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
css3制作彩色边线3d立体按钮的示例(css3按钮)
2014/05/06 HTML / CSS
工程项目经理岗位职责
2013/12/15 职场文书
期末自我鉴定
2014/02/02 职场文书
行政助理的岗位职责
2014/02/18 职场文书
党员实事承诺书
2014/03/26 职场文书
审计专业自荐信范文
2014/04/21 职场文书
机关作风建设整改方案
2014/10/27 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
试用期辞职信范文
2015/03/02 职场文书
档案工作个人总结
2015/03/03 职场文书
CSS 还能这样玩?奇思妙想渐变的艺术
2021/04/27 HTML / CSS