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 相关文章推荐
根据当前时间在jsp页面上显示上午或下午
Aug 18 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
Dec 16 Javascript
浅谈js中变量初始化
Feb 03 Javascript
JavaScript常用脚本汇总(二)
Mar 04 Javascript
完美实现bootstrap分页查询
Dec 09 Javascript
学习AngularJs:Directive指令用法(完整版)
Apr 26 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
Jul 22 Javascript
详解JavaScript常量定义
Jan 03 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
详解webpack+ES6+Sass搭建多页面应用
Nov 05 Javascript
html中创建并调用vue组件的几种方法汇总
Nov 17 Javascript
TypeScript 使用 Tuple Union 声明函数重载
Apr 07 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 小乘法表实现代码
2009/07/16 PHP
解析php中反射的应用
2013/06/18 PHP
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
浅谈Javascript事件处理程序的几种方式
2012/06/27 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
js实现创建删除html元素小结
2015/09/30 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
2016/09/23 Javascript
详解Angular 4.x NgTemplateOutlet
2017/05/24 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
原生js调用json方法总结
2018/02/22 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
vue2.0安装style/css loader的方法
2018/03/14 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
JavaScript数组及常见操作方法小结
2019/11/13 Javascript
vue实现分页加载效果
2019/12/24 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
Python简单进程锁代码实例
2015/04/27 Python
Python搭建HTTP服务器和FTP服务器
2017/03/09 Python
Python numpy.array()生成相同元素数组的示例
2018/11/12 Python
Python 移动光标位置的方法
2019/01/20 Python
Django框架会话技术实例分析【Cookie与Session】
2019/05/24 Python
python之array赋值技巧分享
2019/11/28 Python
python爬取本站电子书信息并入库的实现代码
2020/01/20 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
纯CSS3实现的8种Loading动画效果
2014/07/05 HTML / CSS
匡威英国官网:Converse英国
2018/12/02 全球购物
土木工程师岗位职责
2013/11/24 职场文书
简短大学毕业感言
2014/01/18 职场文书
党员公开承诺书
2014/03/25 职场文书
大专生求职信
2014/06/29 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
九年级化学教学反思
2016/02/22 职场文书
2019银行竞聘书
2019/06/21 职场文书