当前位置: 首页 > 编程笔记 >

javascript初学者常用技巧

林泰平
2023-03-14
本文向大家介绍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程序设计的学习有所帮助。

 类似资料:
  • 本文向大家介绍10个对初学者非常有用的PHP技巧,包括了10个对初学者非常有用的PHP技巧的使用技巧和注意事项,需要的朋友参考一下 本文介绍一些关于改善和优化PHP代码的提示和技巧,供大家参考,具体内容如下 1.不要使用相对路径,要定义一个根路径 这样的代码行很常见: 这种方法有很多缺点: 1)、它首先搜索php包括路径中的指定目录,然后查看当前目录。因此,会检查许多目录。 2)、当一个脚本被包含

  • 本文向大家介绍JavaScript初学者必看“new”,包括了JavaScript初学者必看“new”的使用技巧和注意事项,需要的朋友参考一下 译者按: 本文简单的介绍了new, 更多的是介绍原型(prototype),值得一读。 原文:JavaScript For Beginners: the ‘new' operator 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本

  • 本文向大家介绍初学Python实用技巧两则,包括了初学Python实用技巧两则的使用技巧和注意事项,需要的朋友参考一下 本文记录了初学Python常用的两则实用技巧,分享给大家供大家参考之用。具体如下: 1.可变参数 示例代码如下: 由于在args变量前有*前缀,所有多余的函数参数都会作为一个元组存储在args中。如果使用的是**前缀,多余的参数则会被认为是一个字典的键/值对。 2.exec语句将

  • 本文向大家介绍Java初学者常问的问题(推荐),包括了Java初学者常问的问题(推荐)的使用技巧和注意事项,需要的朋友参考一下 本文介绍一些Java初学者常问的问题,可以用%除以一个小数吗? a += b 和 a = a + b 的效果有区别吗? 声明一个数组为什么需要花费大量时间? 为什么Java库不用随机pivot方式的快速排序? 基本数据类型 Q. 为什么 -0/3 结果是 0,而 -0.0

  • 本教程的主要内容是介绍如何使用 jMonkeyEngine 进行游戏开发,旨在帮助初学者快速理解 jMonkeyEngine 中的核心概念。由于作者本人水品有限,文中难以避免出现谬误,如您在阅读过程中发现有不对的地方,请告知本人,我会尽快修正。 jME3 官方网站: 官网: http://jmonkeyengine.org/ 论坛: https://hub.jmonkeyengine.org Gi