2025年JavaScript核心编程技巧韩顺平大师亲授HTML CSS JS实战笔记精华版

韩顺平轻松搞定网页设计（html+css+js）之javascript现场讲课笔记（完整版）视频18整和19的前半部分不用看Javascr ipt的基本简介•JS是用于WEB开发的脚本语言脚本语言是什么••脚本语言不能独立使用，它和HTML/JSP/PHP/ASP.NET配合使用•脚本语言也有自己的变量，函数，控制语句（次序，分支，循环）•脚本语言实际上是解释性语言（即在执行时直接对源码进行执行）•Java程序.javaf.classf jvin,jsT浏览器（js引擎来解释执行）•Js在客户端（浏览器）执行由于js是由浏览器来执行的，因此这里有个问题，不一样类型的浏览器也许•对js的支持不一样样H!DOCTYPE HTMLPUBLIC-//W3C//DTD HTML

4.01Transitional//EN htmlheadnnscript language=javascript functiontest{window.alerthello world!;/scripttitle NewDocument/title/headbody,点击一下吧”/〉input type=^^button^onclick=test”value=/body/html案例1规定打开网页后，显示hello1htmlhead!--js代码一般是放在head标签间，但实际上也可以放在别的位置・・nscript language=javascript警告；window.alert hello!”/scripttitle NewDocument/title/headbodyH H点击一下吧”/input type=^^button^onclick=test value=i/body/html问题•的位置可以随意放js•必须使用M代码js script language=javascripf v/script•在一种文献中可以出现多对片段，浏览器会按照先后html JSP/PHP/ASP.NET script次序一次执行程序改善2:Hello world•怎样定义变量•怎样运算headtitle NewDocument/title/head body!--js代码是放在head标签间，但实际上也可以放在别的位置•・scriptn nlanguage=javascript中变量的定义（中变量用表达，无论什么类型）//js jsvar var num1=1;varnum2=60;var result=num1+num2;成果是函数表达弹出一种对话框window.alert“+result;//alert window.alert/script/body的变量类型是怎样决定的Js/html）是弱数据类型语言，即在定义变量时候，统一使用表达，甚至可以去点这个1Js var var关键字）中的变量的数据类型是由引擎决定的2Js js,是字符串Var name=^^shunping,;//name是数字Var kk=2//kk〃这事自动变成数（可以变化）Name=234;name的命名规范（函数/变量）•Js）使用大小写字母，数字，$可以命名1基本数据类型三大类型2不能以数字打头javascript不能使用保留3js菱（数字类型:.Number Z整型常量（进制进制进制）h10\8\16Z卜六进制以或开头，例如Ox0X0x8a八进制必须以开头，例如00123|十进制的第一位不能是〈数字除外），例如00123多、实型常量

2、、、等

12.

32193.985E745字和关键字即里的关键字java、isNaN isFiniteO辨别大小写4单行注释〃5多行注释6/*……7韩顺平第三讲JS的数据类型•Js•基本数据类型•数值类型number•字符串类型string•布尔类型通过可以看到变量的详细数据类型typeof举例htmlheadtitle NewDocument/title,,n,,script language=javascriptvar vi=abc;var v2=890;是window.alertv1+typeof v1;是“window.alert“v2+typeof v2;//体现是动态语言即数据类型可以任意变化vi=456;jsH是//体现是动态语言window.alert v1+typeof v1;js/script/headbody/body/html•复合数据类型•数组•对象•特殊数据类型空即空值•Null var=null•Undefined即如下代码,,Hscript language=javascript//直接报错未定义window.alerttt;〃未给值var tt;/script特殊数值I NaNxInfinity.（布尔值）和|♦Boolean truefalse・字符串I Strlng、二|a bookof JavaScripf\abc\a|字符串中的特殊字符，需要以反斜杠八）后跟一个普通字符来表示||，例如、、、\、\r WV\b W\\xxx|不是一种数无穷大对“不是一种数的识别”（不是一种数Nan infinityisNaN:true/是数）fault定义变量，初始化，赋值•Js•定义变量即var=a•初始化即在定义变量时就给值•赋值即例如你先定义一种变量然后再给值；var=tt,tt=780

（5）单行注释〃多行注释/**/.JS的数据类型

①分基为本数据类型

（1）数值举例:var a=89,//a就是整数varb=

35.6,//b就是小数特殊的值NaN nota numbervar a=,,abc,1;window.alertparselnta;infinity无穷大window.alert6/0;有两个函数可以用于判断NaN,infinity•window.alertisNaN“abc;//返回true2字符串举例说明var a=fabcd;var b-abcddd1;v arc—1adkl ad\s kfl11window,alert©;3布尔型举例var a=true,var b=false,通过typeof可以看到变量的具体数据类型是什么举例scnpt langiiage=Javascript^var vl=abc;varv2=890;wmdow.alertvl是+typeof vl;window.alei tv2是+typeof v2;vl=567;//js的动态语言window.alertf*vl是一+typeof vl;/script

②复合类分为1数组f2对象

③特殊类型1null var a=null,2unde finewindow.alert优;〃报错未定义var aa,〃没有给值window,alertaa,//弹出unde fine;♦js数据类挈的转换

①自动转换vara=123,〃a是数值a-Jhello,Z/a的类型就是string

②强制转换比如vara^12345;〃使用系统函数强制转换.a=parselnta,是var b=90,//b number就是b=b+”;/7b string的运算符♦JS%取模就是计算两个数的余数，通常用于判断两个数是否整除，主要用于整数例子编写一种程序，判断两个数与否可以整除,,,scriptlanguage=javascript var a=90;var b=8;ifa%b==O{“能整除”；window.alert}else{不能整除window,alert}/script•++,运算符a++=a=a+1a—=b=b-1表达先把自己加再赋值++a1表达先把自己减再赋值-a1例子Var a=56;等同于等同于Var b=++a;//b=++a[a=a+1;b=a]b=a++[b=a;a=a+1;]Window.alertb;Window.alerta;••运算符••Var a=56;•Var b=-a;//b=-a等同于[a=a-1;b=a]b=a・・等同于[b=a;a=a-1;]•Window.alertb;•Window.alerta;基本语法—运算符js■算术运算符

⑧十二左加

⑨-=左减⑩/=左除左取模11%=请大家看几个案例，就明白了:var a=90;再看一个奈例请问，a+=90;=a=a+90vara=56;var b=90;现在等于多少？、aa-=34;b%=a;var W

89.7;Ib+=a;=b=b+a;window.alertb;请问，现在等于多少？bwindow.alertavar a=56;var b=90;-=34;//a=22b%=a;//b=b%a;2window.alertbwindow.alert.关系运算符

①二二等于

②大于小于

④”大于等于

⑤“小于等于

⑥！=不等于*、请大家看个案例，请问输出什么:vara=90;var b=90;ifa-b{alert okrw;^b-；if ab{alert Tok2;}ifa=b{alert ok3;}请编写一个程序，该程所可以接收两个数可以是整数，也可是小小数卜并判断两个数是大牛？小于？还是等于？[oper

3.html]。