一、Js的概述
1、Js的名称是Javascript,其原名是Livescript,为了适应市场才改名Javascript;
2、Js的概念:JavaScript是一种基于对象和事件驱动的客户端脚本语言。
3、Js的是由网景公司的布兰登发明。
4、Js的构成是ECMAScript、DOM和BOM。其中,ECMAScript是标准,而DOM存在兼容的问题。
5、关于Js的第一个标准是ECMA-262,就是JScript和JavaScript;
二、Js的一些基础
1、JavaScript的一些废弃属性:language="javascript",type="text/css";
2、目前的Js的一些输出:document.write()、alert()、console.log()。他们的一些区别:
document.write()是对网页进行输出,它最大的缺陷是能够打乱我们的页面布局。
alert()主要用于前段人员的排错使用,使用之后,后面的程序不会自动进行,必须我们点了alert之后才进行执行。
console.log()是我们经常使用的检查错误的地方,建议使用。
3、关于注释:HTML中的注释<!--注释-->
关于别的注释://注释一行、/*注释一个整体快*/
注释的作用:A可以帮助我们理解代码;B可以注释掉代码,在程序的调试中比较实用。
4、转义字符:就是把有特殊含义的字符转移成普通字符。
\n表示换行;
\t表示8个空格;
\b表示退格;
\/输出斜杠;
\'输出引号;
关于转义字符在页面中不起作用,但是在控制台和alert中起作用。
5、在word中,鼠标点击一次选中一行,点击两次选中一段,点击三次选中全文。
三、Js中的关键字,保留字和变量;
1、概念
关键字:系统自己在使用和定义了的具有特定意义的字符或者字符序列。
标识符:表示变量、数组、函数等的有效字符序列。
变量:就是一种标识符,其值在程序的运行过程中可以变化的量就是变量。
保留字:是一种没有具体意义的关键字;这是系统准备以后要用的。
2、命名规则:不能以数字开头的字母、数字、下划线以及$;不能是关键字和保留字;具有一点的含义;不用汉字。
3、命名方法有:驼峰命名法和匈牙利命名法。
驼峰命名法:var numStument;
在命名时候中间的单词的首字母是大写;
匈牙利命名法:
int iNum:以i开头的变量存储整数;
float fNum:以f开头的变量存储小数;
boolean bNum :以b开头得 变量存储布尔变量;
string sStr:以s开头得变量存储一个字符串;
char cCh:以c开头得变量村塾一个字符;
object obj:以o开头得的变量存储对象;
Array arr:以arr开头的变量存储数组;
Function fn:以f开头得变量存储函数;
四、关于Js的数据类型
划分:1、基本类型:String、Number、Boolean;
2、特殊类型:Null和Undefined;
3、组合类型:Array、Object;
4、官方数据类型的划分:
简单数据类型:Number、String、Boolean、Null和Undefined。
复杂数据类型:Object。
五、数据类型的运算
1、算术运算符:+、-、*、/、%、++、--。
算术运算的规则:
乘法:A数字相乘,正常相乘就行。(Number类型的相乘)
B数字与字符串相乘,把字符串自动转换为数字,然后进行运算。若能正常的转换成数字,则正常相乘。若不能正常的转换成数字,则结果就是NaN。
C数字与Boolean型的值相乘,把true转换成1,把false转换成0就行。
D数字与“”、null相乘,把他们转换成0就行。
剩下的运算:基本规则都是同乘法相似,但是加法有一点区别,加法是字符串和数字相加,把数字转换成字符串。除法比较特殊的地方在于:3/0的结果是infinity、0/3的结果是0、0/0的结果是NaN。++i和i++的区别:前者是先给自己自增1,然后参与运算。后者是先参与运算,然后再给自己自增1。
2、关系运算符:<, <= , > ,>= , != , ==, ===, !==。
3、赋值运算符:简单赋值运算符和符合赋值运算符。
简单赋值运算符:=
复合赋值运算符:+=、-=、*=、/=、%=;
4、特殊运算符:typeof和new;
六、流程控制的三大结构
顺序结构、选择结构和循环结构。
顺序结构:按照程序的书写顺序,一条条的执行语句,不允许跳过任何一条语句。
选择结构:按照条件,选择执行哪一条语句块。
循环结构:根据条件,重复执行一个相同的语句块。
if(表达式){
语句;
}
if(表达式){
语句1;
}else{
语句2;
}
if(表达式1){
语句1;
}else if(表达式2){
语句2;
}else if(表达式3){
语句3;
}...
else{
语句n;
}
switch(n){
case 1:语句;
case 1:语句;
case 1:语句;
case 1:语句;
。。。
default:语句;
}
case之后还需要加的一条重要语句是break,如果不加,会从case语句匹配的地方执行完后面的所有内容。
default语句可以放在任何地方。
循环:
for(var i=1;i<=n;i++){
循环语句;
}
var i=1;
while(i<=n){
循环语句;
i++;
}
var i=1;
do{
循环语句;
i++;
}while(i<=n)
七、循环中的break和continue;
break:直接跳出一层循环。
continue:直接跳过当前一次循环,而执行下一层循环。
八、循环1
重量级的网站:
github/搜索现成好代码的地方
stackoverflow/解决开发中的问题
googleshadowsocks,购买国外的服务器
1、使用for循环
js的循环结构可以让某些代码执行若干次,减少重复代码书写。
for(var i=1;i<=100;i++){
console.log(i);
}
2、目前的几个输入和输出:
弹框的输入:var a=prompt();
弹框的输出:alert();
页面的输出:document.write();
控制台的输出
console.log();
console.dir();
3、无序列表的输出的经典代码
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
alert("无序列表的输出");
var str="<ul>";
for(var i=1;i<=100;i++){
str+="<li>"+i+"</li>";
}字符串截取方法js
str=str+"</ul>";
</script>
</body>
</html>
4、关于润年的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
alert("闰年的输出从1000年到2000年")
var year;
var i=0;
for(year=1000;year<=2000;year++){
if(year%400==0||(year%4==0&&year%100!=0)){
document.write(year+"是闰年");
i=i+1;
if(i%5==0){
document.write("<br/>");
}
}
}
alert("闰年个数是"+i);
</script>
</body>
</html>
5、关于循环控制语句
break:直接跳出当前循环,进入到下一个语句进行执行。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论