javascript初学者常用技巧

 更新时间:2014年09月02日 11:22:37   投稿:shichen2014  
这篇文章主要介绍了javascript初学者常用技巧,包括javascript的存放位置、格式及焦点事件等,需要的朋友可以参考下

本文实例讲解了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实现鼠标框选操作 不是点击选取

    这篇文章主要介绍了Javascript实现鼠标框选操作,不是点击选取,利用鼠标进行框选,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 网页禁用右键实现代码(JavaScript代码)

    网页禁用右键实现代码(JavaScript代码)

    网页禁用右键的代码,我们可以不少网站在使用,让别人复制什么的麻烦,但破解方法也比较简单。这里就不说了,如果想知道的可以参考脚本之家以前发布的文章。
    2009-10-10
  • 不能再简单的无闪刷新验证码原理很简单

    不能再简单的无闪刷新验证码原理很简单

    不能再简单的无闪刷新验证码原理很简单...
    2007-11-11
  • 小程序实现登录功能

    小程序实现登录功能

    这篇文章主要为大家详细介绍了小程序实现登录功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • layer弹出层扩展主题的方法

    layer弹出层扩展主题的方法

    今天小编就为大家分享一篇layer弹出层扩展主题的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS关于 replace 取值、替换第几个匹配项问题小结

    JS关于 replace 取值、替换第几个匹配项问题小结

    这篇文章主要介绍了JS关于replace取值、替换第几个匹配项,本文针对字符串的替换、截取知识点做详细介绍,结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • JS中frameset框架弹出层实例代码

    JS中frameset框架弹出层实例代码

    这篇文章主要介绍了JS中frameset框架弹出层实例代码 的相关资料,需要的朋友可以参考下
    2016-04-04
  • 深入探究JavaScript中WeakMap的原理与用法

    深入探究JavaScript中WeakMap的原理与用法

    这篇文章主要对JavaScript中的WeakMap进行深入探究,包括它的原理、用法和注意事项等,文中的示例代码简洁易懂,需要的小伙伴可以参考一下
    2023-05-05
  • 最全面的JS倒计时代码

    最全面的JS倒计时代码

    这篇文章主要为大家详细介绍了最全面的JS倒计时代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • Mvc提交表单的四种方法全程详解

    Mvc提交表单的四种方法全程详解

    本文给大家介绍mvc提交表单的四种方法,分别是MVC HtmlHelper方法,传统Form表单Aciton属性提交,Jquery+Ajax 提交表单,MVC Controller控制器和表单参数传递,介绍的非常详细,需要的朋友参考下
    2016-08-08

最新评论