上海百度整站优化服务,aso推广公司,偃师做网站,淘客网站怎么做代理一、Js简介和入门 继续跟进JS开发的相关教程。 !-- [使用JS的三种方式] 1、HTML标签中内嵌JS#xff08;不提倡使用#xff09;#xff1a; 示例#xff1a;button οnclickjavascript:alert(你真点啊#xff01;)有本事点我呀#xff01;#…一、Js简介和入门 继续跟进JS开发的相关教程。 !-- [使用JS的三种方式] 1、HTML标签中内嵌JS不提倡使用 示例button οnclickjavascript:alert(你真点啊)有本事点我呀/button 2、HTML页面中直接使用JS: script typetext/javascript //JS代码 /script 3、引用外部JS文件: script languageJavaScript srcJS文件路径/script [注意事项] ① 页面中JS代码与引用JS代码可以嵌入到HTML页面的任何位置。但是位置不同会影响到JS代码的执行顺序 例如script在body前面会在页面加载之前执行JS代码 ② 页面中JS代码使用typetext/javascript 引用外部的JS文件使用languageJavaScript ③ 引用外部JS文件的script/script标签必须成对出现且标签内部不能有任何代码 -- script typetext/javascript //JS中的注释 // 单行注释。 Ctrl/ /* 段落注释。 CtrlShift/ */ //document.write(h1姜浩真帅/h1); /* 【JS中的变量】 * 1、JS中变量声明的写法 * var width 10; //使用var声明的变量只在当前函数作用域有效 width1 11; //不使用var直接赋值生成的变量默认为全局变量整个JS文件有效 var a,b,c1; //同一声明语句同时声明多个变量变量之间用英文逗号分隔。但赋值需要单独赋例如上式中只有c赋为1a/b为undefined(未定义) [声明变量注意事项] ① JS中所有变量类型声明均使用var关键字。变量的具体数据类型取决于给变量赋值的类型 ② 同一变量可以在多次不同赋值时修改变量的数据类型 var width 10;//width 为整形变量 width哈哈;//width 被改为字符串类型 ③ 变量可以使用var声明也可以省略var。[区别]不使用var默认为全局变量 ④ 同一变量名可以多次用var声明。但是并没有任何含义也不会报错。第二次之后的声明只会被理解为赋值 2、变量的命名规范 ① 变量名只能有字母、数字、下划线、$ 组成 ② 开头不能是数字 ③ 变量区分大小写大写字母与小写字母为不同变量 3、变量名命名要符合驼峰法则 变量开头为小写之后每个单词首字母大写(或单词之间用下划线分隔) jiangHaoIsShuaiGe √ jiang_hao_is_shuai_ge √ jianghaoisshuaige × 4、JS中的变量的数据类型 Undefined未定义用var声明的变量没有进行初始化赋值。 var a; Null:表示为空的引用。例如空对象、空数组。 Boolean:真假可选值 true/false Number:数值类型。可以是小数也可以是整数。 String:字符串类型。用或包裹的内容成为字符串。 Object复杂数据类型后续讲解函数、数组等。。。 5、常用的数值函数 ① isNaN():用于判断一个变量或常量是否为NaN(非数值) 使用isNaN判断时会尝试使用Number()函数进行转换如果能转换为数字则不是非数值结果为false 111 纯数字字符串false 空字符串false 1a包含其他字符true true/false 布尔类型false ② Number():将其他类型转换为数值类型 [字符串类型转数值] 字符串为纯数值字符串会转为对应的数字 111-111 字符串为空字符串是会转为0 -0 字符串包含其他非数字字符时不能转换 111a-NaN [布尔Boolean类型转数值] true - 1 false - 0 [null/Undefined转数值] null - 0 Undefined - NaN [Object类型转数值] *(以后再了解) 先调用ValueOf方法确定函数是否有返回值再根据上述各种情况判断。 ③ parseInt:将字符串转为数值类型 空字符串不能转。结果为NaN 纯数值字符串能转。 123 - 123 123.5 - 123 (小数转化时直接抹掉小数点不进行四舍五入) 包含其他字符的字符串。会截取第一个非数值字符前的数值部分。 123a456 - 123 a123b456 - NaN parseInt只能转String类型Boolean/null/Undefined 均为NaN ④ parseFloat:将字符串转为数值 使用方式同parseInt。但是当转化小数字符串时保留小数点转化整数字符串时保留整数 123.5 - 123.5 123 - 123 ⑤ typeof用来检测变量数据类型 未定义 - Undefined字符串 - Stringtrue/false - boolean 数值 - Number对象/null - Object 函数 - function */ var a; //声明变量 a10;//给变量赋值 var width 10;//声明变量的同时直接赋值 width哈哈; var x,y9,z10; var b {}; alert(d); /* [JS中的输出语句] * * document.write(); * 输出语句将write的()中的内容打印在浏览器屏幕上 * * 使用时注意除变量/常量以外的任何内容打印时必须放到中。变量/常量必须放到外。 * 打印的内容同时有多部分组成时之间用链接 * 例如document.write(左手中的纸牌leftbr/); * * alert(); * 弹窗警告()中的使用方式同上 */ /script script languageJavaScript src/script /head body button οnclickjavascript:alert(小碧池你真点啊)有本事点我呀/button /body /html 二、JS中的运算符 !DOCTYPE html html head meta charsetUTF-8 title/title script typetext/javascript /* 算术运算 加、- 减、* 乘、 / 除、 % 取余、 自增、-- 自减 :有两种作用链接字符串/加法运算当两边均为数字时进行加减运算当两边有任意一边为字符串时 进行字符串链接链接之后的结果仍为字符串。 自增运算符将变量在原来的基础上加1 --自减运算符将变量在原来的基础上减1 【n与n的异同】 n先使用n的值进行计算计算完然后再把n1 n先把n的值1然后再把n1的值 去运算 相同点不论n还是n在执行完代码之后均会把a的值1 案例var a 3; var b,c; b a 2; // a3 b5 a4 c a 2; // a4 a5 c7 document.write( abc )为557 ———————————————————————————————————————————————— 赋值运算 赋值 - * / % a5相当于aa5但是前者的执行效率要比后者快 ———————————————————————————————————————————————— 关系运算 等于号、严格等于、 不等于、、、、 严格等于①类型不同直接返回FALSE ②类型相同再进型下一步判断 等于①类型相同同 ②类型不同将等式两边均用number函数转位数字在判断 [注意例外] nullundefined √nullundefined × document.write(123123)成立 ———————————————————————————————————————————————— 条件运算符(多目运算) ab ? true : false 有两个关键符号?和: 当?前面的部分运算结果为TRUE时执行前面的代码 当?前面的部分运算结果为FALSE时执行后面的代码 多目运算符可以多层嵌套 例如 ———————————————————————————————————————————————— 逻辑运算符 与、|| 或、非 ____________________________________________________________________________________________________________________ 【运算符优先级】 () ! -- % / * - ! || 各种赋值 * / % * */ /script /head body /body /html 三、JS中的分支结构 !DOCTYPE html html head meta charsetUTF-8 title/title script typetext/javascript /*【if-else结构】 1、结构写法 if(判断条件){ //条件为true时执行 }else{ //条件为false时执行 } 2、if()中的表达式运算之后的结果应该为 ① Boolean true 真false 假 ② String非空字符串为真空字符串为假 ③ Number0为假一切非0均为真 ④ Null/NaN/Undefined 全为假 ⑤ Object全为真 3、else{}结构可以根据具体情况省略 */ var num {}; if(num){ //条件为true时执行 document.write(if条件成立); }else{ //条件为false时执行 document.write(if条件不成立); } // num10?document.write(if条件成立):document.write(if条件不成立); /* 【多重if、阶梯if】 1、结构写法 if(条件一){ // 条件一成立 } else if(条件二){ // 条件一不成立条件二成立 // else-if 部分可以有N多个 } else{ // 条件一不成立条件二不成立 } 2、多重if结构中各个判断条件是互斥的只能选择其中一条路。 3、if/else的{}可以省略但是一般不提倡 如果省略{} 则if/else结构包含的代码仅为其后最近的一行(分号结束) 如果省略{} 则else结构永远属于其前方最近的一个if结构。 */ var num2 5; if(num25){ document.write(输入过大); } else if(num25){ document.write(输入过小); } else if(num25){ document.write(输入正确); } if(num25) document.write(输入过大); if(num25) document.write(输入过大); else document.write(11); document.write(22); /* 【嵌套if结构】 1、结构写法 if(条件一){ // 条件一成立 if(条件二){ // 条件一成立条件二也成立 }else{ // 条件一成立条件二不成立 } }else{ //条件一不成立 } 2、if结构可以多重嵌套但是原则上不超过3层 */ /* 【Switch-Case结构】 1、结构写法 switch(表达式){ case 常量表达式1 语句1 break; case 常量表达式2 语句2 break; …… default 语句N break; } 2、注意事项 ① switch()中的表达式以及每个case后面的表达式可以为任何JS支持的数据类型对象和数组不行 ② case后面的所有常量表达式必须各不相同否则只会执行第一个 ③ case后的常量可以是任何数据类型同一个switch结构的不同case可以是多种不同的数据类型 ④ switch在进行判断的时候采用的是全等判断。 ⑤ break的作用执行完case代码后跳出当前switch结构 缺少break的后果从正确的case项开始依次执行所有的case和default。原因⑥↓ ⑥ switch结构在判断时只会判断一次正确答案当遇到正确的case项后将会不再判断后续项目。依次往下执行。 ⑦ switch结构的执行速率要快于多重if结构。在多路分支时可优先考虑使用switch结构。 */ var num4 5; switch (num4){ case 4: document.write(这是9的case块); //break; case 5: document.write(这是10的case块); //break; case 6: document.write(这是11的case块); //break; default: document.write(这是default的case块); break; } /script /head body /body /html 四、JS中的循环结构 !DOCTYPE html html head meta charsetUTF-8 title/title script typetext/javascript /* 【循环结构的步骤】 ① 声明循环变量 ② 判断循环条件 ③ 执行循环体(while的{}中所有代码)操作 ④ 更新循环变量 然后循环执行② ③ ④ 【JS中循环条件支持的数据类型】 ① Boolean true 真false 假 ② String非空字符串为真空字符串为假 ③ Number0为假一切非0均为真 ④ Null/NaN/Undefined 全为假 ⑤ Object全为真 */ /* * while循环特点先判断再执行 * do-while循环特点先执行再判断即便初始条件不成立do-while循环也至少执行一次 */ var n 1; // ① 声明循环变量 while (n5){ // ② 判断循环条件 document.write(HelloWhilebr /);// ③ 执行循环体操作 n;// ④ 更新循环变量 } var m 1; do{ document.write(HelloDoWhilebr /); m; }while(m5); /* 【for循环】 1、for循环有三个表达式分别为①定义循环变量 ②判断循环条件 ③更新循环变量 三个表达式之间用;分隔。 for循环三个表达式均可以省略两个;缺一不可 2、for循环特点先判断再执行 3、for循环三个表达式均可以有多部分组成之间用逗号分隔;但是第二部分判断条件需要用链接最终结果需要为真/假 */ /* * 1-100求和采用首尾相加 * (1100)(299)……(5051)5050 */ //for (var n1,j5;n3j1;n,j--) { //document.write(HelloForbr /); //document.write(n/j); //} var sum 0; for (var i1,j100;ij;i,j--) { if(i50) document.write((ij)); else document.write((ij)); sum(ij); } document.write(sum); /script /head body /body /html 转载于:https://www.cnblogs.com/liuyongqi/p/6667009.html
