惊!!!Javascript入门必学知识
Javascript入门学习
编程之道,程序员不仅仅要精通一门语言,而是要多学习几门。
第一课
1:javascript的主要特点
解释型:不需要编译,浏览器直接解释执行
基于对象:我们可以直接使用JS已经创建的对象
事件驱动:可以对以事件驱动的方式相应客户端的输入,无须经过服务器端程序
安全性:不允许访问本地硬盘,不能将数据写入到服务器上
跨平台:js依赖浏览器本身,与操作系统无关
第二课
如何在网页中写Javascript
1:在页面中直接嵌入Javascript
<script language="javascript">
javascript程序
</script>
javascript可以插入在<head></head>标签中间,
也可以放在<body></body>标签中间
最常用放在<head></head>标签之间
案例如下,将javascript代码插入在<head></head>标签中间。
![](/assets/blank.gif)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>初学javascript</title><script language="javascript">var now=new Date();//获取Date对象的一个实例var hour=now.getHours();//获取小时数var min=now.getMinutes();//获取分钟数alert("当前时间"+hour+":"+min+"\n欢迎访问柠檬学院http://www.bjlemon.com/");</script> </head> <body> </body> </html>
![](/assets/blank.gif)
案例运行结果如下
案例2代码如下
![](/assets/blank.gif)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>我的年月日</title><script language="javascript">var now=new Date();//获取日期对象var year=now.getYear()+1900;//获得年,在js中年份需要加1900才可以显示此时此刻的年份var month=now.getMonth()+1;//获得月份,月份是0-11,所以在js中需要加1var date=now.getDate();//获得日var day=now.getDay();//获得星期几var day_week=new Array("礼拜日","礼拜一","礼拜二","礼拜三","礼拜四","礼拜五","礼拜六");var week=day_week[day];var time="当前时间:"+year+"年"+month+"月"+date+"日"+week;alert(time);</script> </head> <body></body> </html>
![](/assets/blank.gif)
案例2运行结果如下
2:引用外部的Javascript
如果脚本比较复杂或者是同一段代码被很多页面所使用,则可以将这些脚本代码放置在一个单独的文件中,该文件的扩展名是.js,然后再需要使用该代码的web页面中链接该javascript文件即可
<script language="javascript" src="*.js">
</script>
(建议)以上代码一般写在<head></head>中间比较好
在.js后缀的文件中,不需要使用<script></script>标签对括起来
<body οnlοad="getDate()">表示的是加载页面时调用getDate()方法getdate()是定义在.js后缀的文件中的方法
此案例后缀是.html
![](/assets/blank.gif)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>引用外部的js</title><script language="javascript" src="js1.js"></script> </head> <body οnlοad="getdate()"> </body> </html>
![](/assets/blank.gif)
此案例后缀是.js
![](/assets/blank.gif)
function getdate(){var now=new Date();//获取日期对象var year=now.getYear()+1900;//获得年,在js中年份需要加1900才可以显示此时此刻的年份var month=now.getMonth()+1;//获得月份,月份是0-11,所以在js中需要加1var date=now.getDate();//获得日var day=now.getDay();//获得星期几var day_week=new Array("礼拜日","礼拜一","礼拜二","礼拜三","礼拜四","礼拜五","礼拜六");var week=day_week[day];var time="当前时间:"+year+"年"+month+"月"+date+"日"+week;alert(time);}
![](/assets/blank.gif)
综合上面两个案例的运行结果是
第三课
javascript的语法
1:javascript的语法
1.1:js的变量区分大小写
usename,useName这是两个不同的变量
1.2:每行结尾的分号可有可无,如果语句的结束没有分号,那么js
会自动将这行代码的结尾作为语句的结尾
alert("hello world");
alert("hello world")
1.3:变量是弱类型
定义变量时只使用var运算符
例如:var usename="biexiansheng";
var age=22;
1.4:使用大括号标签代码块
{ //代码}被封装在大括号内的语句按照顺序执行
1.5:注释
1.5.1:单行注释 //
单行注释使用双斜线"//"开头,在"//"后面的文字即为注释内容
注释的内容在代码执行过程中不起作用。
var now=new Date();//获取日期对象
1.5.2:多行注释 /**/
多行注释以/*开头,以*/结尾,在两者之间的内容为注释内容
在代码执行过程中不起任何作用。
/*
*功能:获取当前日期
*作者:biexiansheng
*/
function getClock(){
//内容
}
第四课
javascript的数据类型(不管javascript有多少种数据类型,声明的时候只可以使用var来声明)
1:数值型
整形:123 //十进制
0123 //八进制,以0开头
0x123 //十六进制 ,以0x开头(是零不是o)
浮点型:整数部分加小数部分,只能以十进制表示,不过可以使用科学记数法
3.1415926 //标准形式的浮点数
3.14E9 //采用科学计数法来表示,代表的是3.14乘以10的9次方
2:字符型
字符型数据是使用单引号或者多引号括起来的一个或者多个字符
例如:'a' 'hello world'
"a" "hello world"
javascript中无char数据类型
如果要表示单个字符,必须要使用长度为1的字符串
单引号包含双引号 '"hello"'
双引号包含单引号 "'world'"
3:布尔型
布尔型数据只有true或者false,在js中也可以使用整数0代表false,使用非0的整数代表true
4:转义字符
以反斜杠开头的不可显示的特殊字符通常称为控制字符,也被称为转义字符
\b退格 \n换行 \f换页 \tTab符 \'单引号 \" 双引号 \\反斜杠
5:空值
null,用于定义空的或者不存在的引用
例如 var a=null;
6:未定义值
已经声明但是没有赋值的变量
var a;
alert(a);
弹出undefined是关键字,用来代表未定义值
7:Array型
数组类型,数组是包含基本和组合数据的序列,在javascript脚本语言中
每一种数据类型对应一种对象,数据本质上即为Array对象。
var score=[45,56,45,78,78,65];
由于数组本质上为Array对象,则可用运算符new来创建新的数组,如
var score=new Array(45,65,78,8,45);
访问数组中特定元素可通过该元素的索引位置index来实现,如下面语句声明
变量返回数组score中第4个元素
var m=score[3];
第五课
变量的定义与使用
1:变量的命名规则
变量名由字母,数字,下划线组成,但是不能以数字开头
不能使用javascript中的关键字
严格区分大小写
例如 username username
2:变量的声明
var variable
可以使用一个var声明多个变量,比如
var now,year,month,date;
可以在声明变量的同时对它进行赋值,也就是初始化
var now="2016-8-11",year="2016",month="8",date="11";
如果只是声明了变量,没有赋值,那么该变量的默认值就是undefined
javascript是弱类型,声明的时候不需要指定变量的类型,变量的类型将根据变量的值来确定
全局变量的声明:1:在函数体外的声明都是全局变量,无论是否有var声明
2:在函数体内部使用var声明的变量是局部变量,不使用var声明的变量是全局变量
//如果给一个尚未声明的变量类型赋值时,javascript会自动使用该变量创建一个布局变量
例如:a="hello world";
funcation test(){
var c="局部变量";//这个c是局部变量,也是唯一的一种方式定义局部变量
b="全部变量";//这个b也是全部变量
}
function test2(){
alert(b);
}
3:变量的作用域
变量的作用域是指变量在程序中的有效范围
全部变量:定义在所有函数之外,作用于整个代码的变量
局部变量:定义在函数体内,只作用于函数体内的变量
第六课
运算符的应用
1:赋值运算符
简单赋值运算符
例如var useName='tom';//简单赋值运算符
复合赋值运算符
a+=b;//相当于a=a+b;
a-=b;//相当于a=a-b;
a*=b;//相当于a=a*b;
a/=b;//相当于a=a/b;
a%=b;//相当于a=a%b;
a&b=b;//相当于a=a&b;逻辑与运算
a|=b;//相当于a=a|b;逻辑或运算
a^=b;//相当于a=a^b;逻辑非运算符
2:算术运算符
+ - * / %
++ 前++先加后用 后++先用后加
-- 前--先减后用 后--先用后减
注意:在进行除法运算时,0不能作为除数,如果0作为除数,那么将会返回这个关键字infinity
3:比较运算符
>大于 <小于 >=大于等于 <=小于等于
==等于 只是根据表面值进行判断,不涉及数据类型,alert("11"==11);返回true。
===绝对等于 不仅判断表面值,还要判断数据类型是否一样。
!= 不等于 只是根据表面值进行判断,不涉及数据类型。
!==不绝对等于 不仅判断表面值,还要判断数据类型是否一样。
4:逻辑运算符
!逻辑非
&&逻辑与。只有当两个操作数的值都为true的时候,结果才会true
||逻辑或。只有两个操作数有一个为true,则结果为true
5:条件运算符
条件运算符是javascript支持的一种特殊的三元运算符
语法格式:操作数?结果1:结果2;
如果操作数的值为true,则整个表达式的结果为结果1
如果操作数的值为false,则整个表达式的结果为结果2
6:字符串运算符
连接字符串的两种方式
+。 var a="hello"+"world";
+=。var a+="hello world!!!";
第七课
流程控制if,switch语句
1:if条件判断语句
1:if(expression){
//expression为true的时候执行里面的语句
}
2:if(expression){
//expression为true的时候执行里面的语句
}else{
//expression为false的时候执行里面的语句
}
3:if(expression){
//expression为true的时候执行里面的语句
}else if(expression1){
//expression1为true的时候执行里面的语句
}else if(expression2){
//expression2为true的时候执行里面的语句
}else{
//这个else可有可无,如果有的话,则上述条件
//都不满足的时候指定else
}
2:switch语句
优点:可读性好,易读
语法格式
switch(表达式){
case 条件1:语句1;
break;
case 条件2:语句2;
break;
case 条件3:语句3;
break;
case 条件4:语句4;
break;
case 条件5:语句5;
break;
default:语句6//无匹配的执行此语句;
}
第八课
流程控制之for,while,do-while语句
1:for循环语句
语法格式
for(1初始条件;2循环条件;4增长步幅){
3语句体;
}
//先执行初始条件,然后判断循环条件是否返回true,
//如果返回false,终止条件,如果为true,执行语句体,
//然后执行增长步幅
//1->2true->3->4->2true->3->4
//1->2false->3->4->2false for循环结束
实例
var sum=0;
for(var i=0;i<10;i++){
sum+=i;
}
alert(sum);
2:while循环语句
语法格式
while(表达式1){
2语句体;
}
1true->2->1true->2.....
实例
var sum=0;
var i=1;
while(i<10){
sum+=i;
i++;
}
alert(i);
3:do-while循环语句
do-while循环的循环能够保证至少执行一次。
语法格式
do{
1执行循环体
}while(2判断条件);
1->2true->1->2true.....
注意:while循环是先判断条件是够成立,然后再根据判断的结果
是否执行循环体
do-while循环是先执行一次循环体,然后再判断条件是否为true.
所以do-while循环能够保证至少执行一次。
实例
var sum=0;
var i=1;
do{
sum+=i;
}while(i<=10);
alert(sum);
惊!!!Javascript入门必学知识相关推荐
- 电脑基础操作_电脑基础操作常识入门必学知识
很多人觉得自己都是电脑高手了,只是很多最基础的知识我们都知道吗? 下面就来看看,这些很简单的计算机入门知识,或许很多操作你都不是很懂哦! 1.重命名文件或者文件夹的方法: 1)选中--右键--重命名 ...
- Python爬虫入门必学知识:Requests的三种参数请求方式
URL参数请求: import requests''' URL Parameters 请求方式: URL参数 例如: 以get 方式请求http://httpbin.org/get?first_nam ...
- SpringBoot入门必学知识
Spring Boot 概述 Build Anything with Spring Boot:Spring Boot is the starting point for building all Sp ...
- 外汇入门必学基础知识——基本面分析
外汇入门必学基础知识--基本面分析 基本面分析是指对影响一国经济以及货币汇率变化的核心要素进行研究,它旨在通过分析一系列经济指标.政府政策及事件,来预测某一经济周期中的汇率变化和市场趋势.基本面数据不 ...
- 入门必学 | R语言数值型、字符型及因子型数据之间的差异与转换
字符型.数值型及因子型数据之间的转换 数据类型的基本知识 不同数据类型之间的差异 数值型与字符型或因子型绘图时的差异 数值型与因子型和字符型的模型构建时的差异 三种数据类型之间进行转换 常用的三 ...
- ue4导入倾斜摄影_倾斜摄影入门必学|Context Capture建模软件工作流程
对于一个典型的 倾斜摄影入门必学|Context Capture建模软件工作流程www.swqy3d.com 来讲,分为了如下几步:1 新建项目后导入照片.POS.点云等数据.①导入照片 ②当你新建 ...
- [新手必备]Python 基础入门必学知识点笔记
Python 作为近几年越来越流行的语言,吸引了大量的学员开始学习,为了方便新手小白在学习过程中,更加快捷方便的查漏补缺.根据网上各种乱七八糟的资料以及实验楼的 Python 基础内容整理了一份极度适 ...
- 高级网络管理员必学知识
!深圳北大青鸟网络工程师培训资料-高级网络管理员必学知识 第一部分:计算机结构及工作原理.各种零配件的性能参数及主流品牌.计算机硬件的组装,CMOS设置,硬盘的分区,格式化 ...
- 【笔记-java】java工程师-入门必学
路径 目录 子目录 重点 课程名 备注 java工程师 入门必学 语法基础 环境搭建.开发工具使用.基础语法 java入门第一季 面向对象 继承.封装.多态 java入门第二季 常用工具类 异常.字符 ...
最新文章
- LINUX内核杂记(1)-处理器与单内核
- ⼤海捞针 —— Scan
- couchbase_Couchbase:使用Twitter和Java创建大型数据集
- Opencv实现多幅图片拼接在一起
- 同一个ip服务器comcat下部署第二个项目怎么设置,用nginx在同一服务器端口下部署多个项目,第二个项目打开后页面空白?...
- Netflix的快速产品集成测试
- 邵阳市计算机学校2021,邵阳市计算机中等专业学校在2021年邵阳市中等职业学校班主任基本功比赛中荣获市一等奖...
- CentOS7设置镜像源
- 【图像处理】高斯滤波
- Android手机进入9008高通模式(以小米手机为例)
- 分享电脑中截图的五种方法(包括截长图)
- 编程c 语言怎么表示倍数,C语言里怎么表示是3的倍数
- 人件札记:团队的化学反应
- [buuctf.reverse] 131-135
- 第一课 初识计算机ppt,第一课 初识Powerpoint.ppt
- 联合查询分组取最新数据
- (数据科学学习手札37)ggplot2基本绘图语法介绍
- Serial Programming Guide for POSIX Operating Systems
- ClickHouse和他的朋友们(5)存储引擎技术进化与MergeTree
- C语言编程>第二周 ⑥ 一球从100米高度自由落下,每次落地后反跳回原高度的一半;再落下,求它在第10次落地时,共经过多少米?第10次反弹多高?
热门文章
- 钱多多的编程语言晋升路
- html单元格合璧,你绝对不曾见过的Excel+DOS双剑合璧操作文件夹之7大妙招
- FreeSWITCH权威指南 -- 1.PSTN与VoIP基础(笔记)
- 百度seo快排点击系统源码[易语言]拨号模拟点击(仅供学习使用!)
- Codeforces1509.B. TMT Document
- Springboot实战项目---从需求分析到项目部署一站式开发,给简历添加一点色彩
- 新增内存条后,已安装内存和可用内存不一致(win7)
- python中dumps是什么意思_python中的dumps和loads区别
- linux命令格式和常用命令
- QLineEdit setFocus失效问题