全部分类
搜索资料
    首页
    行业资料
    企业经营
    【精品】Javascript学习笔记及他人建议(前台脚本)

    【精品】Javascript学习笔记及他人建议(前台脚本)

    举报
    开通vip

    【精品】Javascript学习笔记及他人建议(前台脚本)【精品】Javascript学习笔记及他人建议(前台脚本) 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ JavaScript语法 1. 输出 1) Alert(“”);(弹出对话框) 2) Document.write(“”);输出内容 3) Prompt(“”,0);(弹出对话框,注意输入的默认作为字符串) 2. 如何在HTML中使用js 1) 使用将js语法嵌入到Html中，可以使用多个每一个都是关联的。 注:在Html中任何位置都可以...

    【精品】Javascript学习笔记及他人建议(前台脚本)
    【精品】Javascript学习笔记及他人建议(前台脚本) 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ JavaScript语法 1. 输出 1) Alert(“”);(弹出对话框) 2) Document.write(“”);输出内容 3) Prompt(“”,0);(弹出对话框,注意输入的默认作为字符串) 2. 如何在HTML中使用js 1) 使用，但是在里将不会向页面输出 内容，而在中会被浏览器加载向页面输出相应的内容。 2) 链接地址可以加(eg:demo;< From action=”javascript:alert(‘@@@@@@@’);”>
    点击链接时会启动特效) (Form 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 单) 3) (外部文件关联“引用javascript特效”相当于引入css) 3. 变量 1) 命名规范 a) 有一定意义(英文单词) b) 不能以数字开头,不能是系统的关键字 c) 严格(所有名称)区分大小写,命名(多单词)首单词全小写、以后单词首字母大写。 d) 对象的名字首字母都大写 e) Javascript中当做没常量 f) 结构定义:没有分号。 功能执行语句:加分号(回车就加分号)。 注:换行相当于加分号来结束语句。 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~~~~~~~~~~~~~ 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ g) 注释://单行;/**/多行(可用于调试、注释) 可以使用下面格式在浏览器不支持Js代码时自动注销js代码。 2) 定义: a) 变量在内存中占据内存直到浏览器关闭(即可以随时使用) b) 格式:var 变量名=值 (声明、赋值) c) 变量再传递的情况下可以不声明(eg: var a=3; (var) b=a;) 4. 数据类型 注:检验函数typeof(变量);用undefine判断变量有没有声明 1) 类型: a) number(int float double)计算时还是按详细类型使用 b) string(string char) c) booleam d) object(object array null)注意:分别处理 e) function(函数) 2) 特点: a) 整数:十进制(10)、八进制(o45)、十六进制(oxff) b) 浮点数是近似数(eg:十个0.1相加实质是0.99999999—近似数) c) 字符串:用(‘’“”两者没有区别)引号内所有转义(\)都可用，字符串中有变量用“+” 连接(eg: “abc”+x+”123” x为变量) 3) 类型转换: 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~~~~~~~~~~~~~ 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ a) 其他类型强制转换为数值型:parseInt()、 parseFloat() b) 其他类型转换为对象型:变量名,new String/Boolean/Number() 5. 运算符和表达式 .运算符: 1) a) 算术运算符号: + - * %(求模) ++ -- b) 赋值运算符: = += -= *= /= %= c) 条件运算符号: > < == != >= <= === != d) 逻辑运算符号: && || ～ (短路运算) e) 位运算符号: >>(右移) >>>(无符号右移) << (左移) | & , f) 其它运算符号: ,: 2).说明: a) +加法运算，连接字符串a=10+5+“12abc”+20结果是“1512abc20” b) %一种是被整除，一种求一段范围 c) 赋值运算符先运算再赋值 d) 条件运算符两边必须相同类型，返回布尔值(0或1) e) 逻辑运算符 &&与||同于 布尔值,表达式:表达式 f) 位运算 |与&(转为二进制对齐) >>与<<(二进制)最左或最右加零(相当于乘以2 或0.5) >>> 6. 流程控制 1) 顺序结构(从上往下) 2) 条件结构——分支结构——选择结构 a) 单路分支 If(bool){ ……} 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~~~~~~~~~~~~~ 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ b) 双路分支 If(bool){……}else{……} c) 多路分支 If(bool){……}else if(bool){……}…else{……} Switch(变量){case 值1:表达式;[break;…[default]}(单值匹配) d) 嵌套分支 If(bool){if(){switch(){…}} else{ for(){while(){…}} 3) 循环结构 While()(先判断，在执行)、Do-while()(先执行，再循环)、For() Break跳出循环;continue结束本次循环; 7. 函数 1) 定义:是一段完成“指定功能”的已经“命名”的代码段，只有“调用”(在声明前后都可)才 能用到。 2) 格式:声明function 函数名(形参){功能段(一条或多条)} 调用函数名(实参) 注:返回值return;只是函数名时代表整个函数，有括号就是调用。还可以看成变量:var 函 数名=function(){…} 函数名不带括号，则代表这个函数。 3) 回调函数:一个函数的形参的位置是一个函数(调用形式),在变量不能解决时使用回调 4) 应用:全局变量,局部变量。(a=a,a:1;这可以使javascript中默认参数功能) 5) Javascript是基于对象(所有的都是对象的使用形式)(global对象和windows中的可以直接使用) 8. 对象(相似其他语言中的‘类’) 1) 基于对象的操作方式(面向对象封装、继承、多态) 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~~~~~~~~~~~~~ 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ 2) 将相关的操作使用一个对象完成，看成是一个整体 3) 对象类型:字符串对象、数学对象、数组对象、时间对象 4) 对象中存的内容(属性——变量、方法——函数)都是和对象相关的。 往里面放)、5) 声明对象(写一个函数，建立一个对象Object，跟这个对象有关的东西(属性、方法)都使用对象(this是对象的自称，)、使用系统对像(找到对象,具体化对象,操作对象) 对象实例.属性(取值、赋值) 对象实例【“属性名”】 对象实例.方法() Eg:(时间对象) var str=”今天是”; (时间问候语、日历) str+=dt.getYear()+”年”; str+=(dt.getMonth()+1+)”+月”; ”;break; case 3: str+=”三 case 4: str+=”四”;break; 6) With(对象){所有方法如果不加对象，都是括号对象的方法} (见上例) doucument.write(“”)(tr、/td、/table) 另:for(变量 in 对象){ } with(对象){ } 9. 内置JS对象 1) 全局对象在global里 2) 不用接触(跟数据有关):Boolean布尔型、Doctionary字典开型、Enumerator 对象、Error对象、 函数、数字、字符串、vbarray对象 3) 掌握:字符串(匹配、分割、查找)&正则(定界符)、global、object、日期、数组、数学对象 (javascript教材.chm) Eg:保证一个值在一定范围:var i=3 var i=Math.max(-6,Math.min(6,i))(在-6和6之间) 4) 静态(固定对象)对象:Number、Math。不用new对象(var number=Math.random()) 10. 自定义对象的三种方法 c.brand='BMW'; 1) 土方法(很白痴) function Car(){ } //方法 var c=new Car(); c.whistle=function(){ document.write("get out of my //属性 c.color='yellow'; way!"); c.mileage=100; } 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~~~~~~~~~~~~~ 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ c.start=function(){ document.write("get out of my document.write("I'm moving!") way!"); } } c.stop=function(){ c.start=function(){ document.write("I'm tired!") document.write("I'm moving!") } } c.stop=function(){ document.write("第一种方法
    "); document.write(c.color+"
    "); document.write("I'm tired!") document.write(c.mileage+"
    "); } document.write(c.brand+"
    "); c.whistle();document.write("
    "); return c; c.start();document.write("
    "); } c.stop();document.write("
    "); 2) 利用系统自身的Object做“封装型”(推document.write("
    第二种方法
    "); document.write(c.color+"
    "); 荐使用) function Car(){ document.write(c.mileage+"
    "); var c=new Object(); document.write(c.brand+"
    "); c.whistle();document.write("
    "); //属性 c.color='yellow'; c.start();document.write("
    "); c.mileage=100; c.stop();document.write("
    ");document.wr c.brand='BMW'; ite("
    "); //方法 c.whistle=function(){ 3) 使用this以及变量可传(很灵活) 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~~~~~~~~~~~~~ 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ function Car(color,mileage,brand){ document.write("I'm tired!") } //属性 } this.color=color;//没有'this.'就表明不是对象 里 //使用时要new一个对象 this.mileage=mileage; var c=new Car('black',200,'大奔'); this.brand=brand; document.write("第三种方法
    "); document.write(c.color+"
    "); //方法 this.whistle=function(){ document.write(c.mileage+"
    "); document.write("get out of my way!"); document.write(c.brand+"
    "); } c.whistle();document.write("
    "); this.start=function(){ c.start();document.write("
    "); document.write("I'm moving!") c.stoop();document.write("
    "); } this.stoop=function(){ 11. 数组的声明与应用 1) 数组的作用:只要是批量的数据都需要数组生明 2) 如何声明数组 a) 快速声明数组:var 数组名[“字符串” ,数值,布尔值,等元素 , , , ,](数组里面嵌数组也行)(Json 格式:var p={属性:值，属性:值，属性:值，…} ) b) 声明方式(对象声明) 使用array对象 var arr=new Array(“成员”，“成员”，。。。“成员n”) 测长alert(arr.length);赋值arr[i]=””;取元素alert(arr[i])其中arr为数组名 Arguments默认的，课代表建立数组的所有元素，像地址。 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~~~~~~~~~~~~~ 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ 3) 遍历数组:首选for循环。 4) 数组的处理(内置处理方法) 数组排序(建立函数对象)、进栈push、出栈pop、入队shift、出队unshift、 随机背景颜色的设置: 设计贪食蛇游戏 12. Dom(document object modle)的操作 1) Document-文档。进一步指.html/.xml文件(标记语言) (注意:如果使用JS操作HTML/Xml文档，就要先将HTML/Xml文档结构转成JS对象) 2) Object-对象。进一步指.html/.xml元素转成的的对象。那就可以操作属性、操作内容、操作样式。 3) 获取对象的形式: 一种是根据的ID或Class属性来指定操作(Tagname标签、id、name) 属性操作:Var object=document.getElementsByTagName(“***”);写上改变的属性。 内容操作:innnertext(IE)textContent(FF)解决两大浏览器的兼容问 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 function ffie(object,value) { if(document.all) { if(typeof(vaule)==”undefined”) return obj.innerText; else obj.innerText=Vaule; }else { if(typeof(vaule)==”undefined”) return obj.textContent; else obj.textContent=Vaule; 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~~~~~~~~~~~~~ 专业好文档为您整理~谢谢使用~请双击清除页眉页脚~~~~更多精彩内容请关注本站~~~~~~~~~~~ } }(innertText、innerHtml、outerText、outerHtml用来取元素中间的内容) 注释:object.value用来取表单()里的值、文本，包括