JavaScript基本语法学习教程


Posted in Javascript onJanuary 14, 2016

Javascript的基本概念

i. javascript语言是网页中广泛使用的一种脚本语言。

ii. Javascript语言的特点:

1. 由Netscape公司开发,基于对象和事件驱动并具有一定安全性的脚本语言。
2. 特点:

a) Javascript是一种脚本语言,同时也是一种解释性语言;
b) Javascript是靠浏览器中的javascript解释器来运行的,与操作环境没有关系;
c) 在javascript中,采用的是不太严格的数据类型,这样的俄好处是在定义或使用数据的时候可以更加方便,但也带来了容易混淆的问题;
d) Javascript是一种基于对象的语言,这样就可以自己创建对象,并运用自己所创建的对象中的属性和方法制作出许多功能来;
e) Javascript的主要作用是让网页动起来,同时也存在这一定的交互;
f) Javascript具有安全性,不允许用户访问本地硬盘,不允许对网络中的文档进行修改或删除,这样就能有效地防止数据丢失以及恶意修改。
g) 示例: HTML文件内置脚本

<script language="javascript"> Document.write("<font color=blue>Hello,JavaScript!</font>"); </script> HTML文件外接脚本
<script src="1.js"> </script> //1.js Document.write("<font color=blue>JavaScript,Hello!</font>");

JavaScript 语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

提示:您也可能看到不带有分号的案例。

在 JavaScript 中,用分号来结束语句是可选的。

JavaScript 代码

JavaScript 代码(或者只有 JavaScript)是 JavaScript 语句的序列。

浏览器会按照编写顺序来执行每条语句。

JavaScript 代码块

JavaScript 语句通过代码块的形式进行组合。

块由左花括号开始,由右花括号结束。

块的作用是使语句序列一起执行。

JavaScript 函数是将语句组合在块中的典型例子。

下面的例子将运行可操作两个 HTML 元素的函数:

JavaScript 对大小写敏感

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

JavaScript 注释

JavaScript 不会执行注释。

我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。

单行注释以 // 开头。

JavaScript 多行注释

多行注释以 /* 开始,以 */ 结尾。

JavaScript 变量

与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。

变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。

•变量必须以字母开头

•变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)

•变量名称对大小写敏感(y 和 Y 是不同的变量)

提示:JavaScript 语句和 JavaScript 变量都对大小写敏感。

JavaScript 数据类型

JavaScript 变量还能保存其他数据类型,比如文本值 (name="Bill Gates")。

在 JavaScript 中,类似 "Bill Gates" 这样一条文本被称为字符串。

JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。

当您向变量分配文本值时,应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。

JavaScript 计时事件

通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。

在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:

setTimeout()未来的某时执行代码

clearTimeout()取消setTimeout()

通过以上内容给大家介绍了javascript基本语法相关知识,希望对大家今后工作学习有所帮助。

Javascript 相关文章推荐
JavaScript Event学习第八章 事件的顺序
Feb 07 Javascript
减少访问DOM的次数提升javascript性能
Feb 24 Javascript
JS生成随机字符串的多种方法
Jun 10 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
2种jQuery 实现刮刮卡效果
Feb 01 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 Javascript
jQuery数组处理函数整理
Aug 03 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
Sep 24 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
JS实现网页抢购功能(触发,终止脚本)
Nov 27 Javascript
JavaScript对象参数的引用传递
Jan 14 #Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 #Javascript
AngularJS初始化静态模板详解
Jan 14 #Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 #Javascript
jquery拖拽效果完整实例(附demo源码下载)
Jan 14 #Javascript
基于javascript实现随机颜色变化效果
Jan 14 #Javascript
JavaScript事件类型中UI事件详解
Jan 14 #Javascript
You might like
PHP 伪静态隐藏传递参数名的四种方法
2010/02/22 PHP
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
PHP文件上传之多文件上传的实现思路
2016/01/27 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
PHP笛卡尔积实现算法示例
2018/07/30 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
js操作ajax返回的json的注意问题!
2010/02/23 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
2016/06/02 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
2016/10/27 Javascript
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
2018/04/17 jQuery
jquery实现动态添加附件功能
2018/10/23 jQuery
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
2019/08/20 Javascript
微信小程序间使用navigator跳转传值问题实例分析
2020/03/27 Javascript
如何在vue中使用jointjs过程解析
2020/05/29 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
详解python爬虫系列之初识爬虫
2019/04/06 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
wxPython实现列表增删改查功能
2019/11/19 Python
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
吉尔德利巧克力公司:Ghirardelli Chocolate Company
2019/03/27 全球购物
shell的种类有哪些
2015/04/15 面试题
任课老师推荐信范文
2013/11/24 职场文书
室内设计专业个人的自我评价
2013/12/18 职场文书
致铅球运动员广播稿精选
2014/01/12 职场文书
空气环保标语
2014/06/12 职场文书
学校学习雷锋活动总结
2014/07/03 职场文书
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
2021/04/01 PHP
golang日志包logger的用法详解
2021/05/05 Golang