




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、javascriptjavascript本章内容l简介lhtml的结合ljs原始类型和声明变量l语句l数组l函数l全局变量和局部变量l标签放置的位置javascript简介概念概念:基于对象和事件驱动的脚本语言,主要用于客户端(浏览器)基于对象和事件驱动的脚本语言,主要用于客户端(浏览器)基于对象基于对象:它给我们提供了很多内置对象,我们只需要对象点来使用方法,当然javascript支持自定义类,然后创建对象事件驱动事件驱动:html做的网站是一个静态效果,js可以使网页动态变化有点击事件,鼠标事件等等客户端指的是游览器特点:(1) 交互性:信息的动态交互(2) 安全性:js不能访问本地磁盘
2、文件,js不能跨域,域名:http:/(3) 跨平台性:可以在任何操作系统上使用js和html的结合(1) 使用一个标签 js 代码 例如:弹出一个hello world的框 js和html代码都是从上往下执行的,前面没有执行完,后面也不会显示 或者执行(2) 使用script标签,引入一个外部的js文件 引入js文件的位置,就影响了它的执行顺序js原始类型和声明变量 java基本数据类型:byte short char int long float double boolean 例如 int a = 10;定义变量,都使用var来定义变量 例如 var a = 10; js的原始类型有5个(
3、演示:用alert弹出显示)- string : 字符串 var str = abc;- number :数字类型 var m = 123;- boolean :true和false var flag = true;- object var date = new Date();获取对象的引用,null表示对象的引用为空,所有对象的引用也是object- undifined 我定义一个变量,但是没有赋值 var aaa;typeof(变量名称)查看当前变量的数据类型js语句java语句if判断 switch语句 for循环 while do-whilejs语句 if判断 - if ,if els
4、e,if else ifswitch语句- java里面支持的数据类型,string支持吗? jdk7开始才支持- js里面所有的都支持switch(a)case 5:break;default:break;* 循环语句与java一样 * i+和+i与java一样js运算符1)+= : x+=y 相当于x=x+y2)js里面不区分整数和小数(举一个除法)+,-,*,/3)字符串的相加和相减操作相加与java一样,字符串拼接相减就是做减法(123减一,abc减一(NaN)NaN不是一个数字4)boolean 类型也可以操作boolean实际就是0或者1用这个做运算实际上就是用0或者1来做运算5)
5、 = 或者 = 做判断=比较值 =比较值和类型6) 引入知识直接向页面输出的语句document.write(变量或值或html代码);js函数定义函数:(3种)(1) function 函数名称() (2) var 变量 = function() (3) var 变量 =new Function(x,y,var sum = x+y;return sum;);全局变量和局部变量* 全局变量:在script标签里面定义的变量,在页面中js代码都可以访问* 局部变量:在方法内部定义变量,只能在方法内部使用注意:代码是从上往下执行的script标签放置的位置* 建议把script标签放到head里面
6、* 如果script标签里面用到了在它后面出来的变量或者文档对象,那么就放 到变量或者文档对象的后面,最好放在外面和里面js的String对象创建String对象 var str = abc;方法和属性 属性:length:字符串的长度 方法: (1) 与html相关的方法(a) bold方法 这个方法是输出一个abc字符串(b) fontcolor方法 这个方法是输出一个abc(c) fontsize方法这个方法是输出一个abc(d) link方法abcjs的String对象(2) 与java相似的方法 (a) substring(start,end) 返回位于 String 对象中指定位置
7、的子字符串。 start 指明子字符串的起始位置,该索引从 0 开始起算。end 可选项。指明子字符串的结束位置,该索引从 0 开始起算 substring 方法将返回一个包含从 start 到最后(不包含 end )的子字符串的字符串。 (b) substr(start , length )返回一个从指定位置开始的指定长度的子字符串。start 必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。length 可选项。在返回的子字符串中应包括的字符个数。如果length不传,那么截取到末尾js的String对象(c) indexOf(subString, startIndex
8、)subString 必选项。要在 String 对象中查找的子字符串。starIndex 可选项。该整数值指出在 String 对象内开始查找的索引。如果省略,则从字符串的开始处查找。(d)charAt(index)index 必选项。想得到的字符的基于零的索引。有效值是 0 与字符串长度减 1 之间的值。(e) split(separator, limit)separator 可选项。字符串或 正则表达式 对象,它标识了分隔字符串时使用的是一个还是多个字符。如果忽略该选项,返回包含整个字符串的单一元素数组。 limit 可选项。该值用来限制返回数组中的元素个数。限制条件是从0到这个限制的个
9、数js的Array对象创建对象var arrayObj = new Array()var arrayObj = new Array(size)var arrayObj = new Array(element0, element1, ., elementN)new 的时候给一个大小或者不给大小,我们都可以超过这个大小加数据方法和属性属性:length:字符串的长度方法:js的Array对象(a) arrayObj.push(item1 item2 . . . itemN )这个方法是往数组里面添加元素单个:arrayObj.push(1);多个:arrayObj.push(1,2,3,4,5,6
10、);这个相当于list的add方法(b) arrayObj.pop()移除数组中的最后一个元素并返回该元素(c) join(separator)将一个数组按照separator这个参数连接成字符串返回(d) arrayobj.sort(sortfunction) 返回一个元素已经进行了排序的 Array 对象。 重点:要会function写法js的Date对象创建对象var dateObj = new Date() /获得当前日期方法和属性参考:http:/ Math.random() 随机0-1(b) Math.round(number) 四舍五入,返回整数js全局函数全局函数不属于任何对象
11、,直接写名称使用eval()执行js代码,如果代码是一个字符串可以执行isNaN() 判断不是数字 不是数字是true 是数字falseparseInt()转换为整型parseFloat() 注意精度问题,浮点型运算后,必须用toFixed方法toFixed(2) 这个方法的参数是保留位数,现在是保留2位,第三位就逢5进1js函数重载问题js不存在函数重载当方法名相同的时候,根据从上往下执行的原则,最后的一个方法把上面的所有方法全部覆盖了,因此执行方法的时候实际上是最后一个方法 调用方法的时候根据传参的个数来使用函数的参数个数,剩下的参数全部是undefined函数里面有一个属性 argume
12、nts是一个数组,存储了所有参数案例:模拟重载js操作BOM对象BOM:游览器对象模型有哪些对象(1) navigator 对象包含有关浏览器的信息。(2) screen 对象包含有关客户端显示屏幕的信息。(3) location(重点)location.href = http:/;(4) history(重点)- back() 就是IE的回退按钮- forward() 就是IE的下一个页面按钮,这个需要你之前去过下一个页面,然会回到上一个页面,然后再点击下一个页面才行- go(参数) go(-1)上一个页面 go(1)下一个页面 go(2) 下一个页面的下一个页面 js操作BOM对象(5)
13、window(重点)是一个顶层对象,window包含上面的对象open() 打开窗口 与target=_blank类似open方法可以控制窗口的大小,还可以控制窗口有没有关闭按钮,窗口没有最小化等等,通过第三个参数控制confirm() 确认提示框alert();close() 关闭窗口setInterval(alert(123),3000) /每隔3秒执行一次setTimeout(alert(123);,3000) /3秒后开始执行,只执行一次clearInterval()clearTimeout()js的DOM对象 文档对象模型文档就是标签或者文本内容 html,xml对象属性和方法可以使用DOM提供的对象的方法和属性,对标签和文本进行操作html内容会被解析成对象DHTML:是很多技术的简称html:封装数据css:改变数据的样式dom:操作html文档javascript:js语法,ECMAScirptjs的DOM对象Document对象表示整个文档,就是整个页面的所有内容(
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年杆菌肽类产品合作协议书
- 2023-2024学年人教版高中信息技术必修二第三章第二节《 信息系统中的通信网络》教学设计
- 海宁市狮岭学校人教版九年级下册历史与社会第七单元第三课 世界多极化趋势 教学设计
- 肉菜市场钢结构改造工程项目可行性研究报告-肉菜市场升级需求攀升钢结构优势凸显
- 2024年云南省高等职业技术教育招生考试数学试题
- Unit10 Section A Grammar Conditional sentences(教学设计)-2024-2025学年人教新目标Go For It!英语八年级上册
- 2024年10月临淄区规上工业企业招聘笔试参考题库附带答案详解
- 第四单元 经济大危机和第二次世界大战 教学设计 2024-2025学年统编版九年级历史下册
- 2025年海南体育职业技术学院单招职业适应性测试题库汇编
- Unit 1 A New Start Understanding ideas My First Day at Senior High 教学设计-2024-2025学年高中英语外研版(2019)必修第一册
- 充电器电路安装与调试
- 新型抗肿瘤药物临床应用指导原则
- 分布式光伏高处作业专项施工方案
- 《冠心病的介入治疗》课件
- 浙江省建设工程钱江杯奖(工程)评审细则
- 膀胱损伤病人护理课件
- 中医防感冒健康知识讲座
- 幼儿园小班故事《贪吃的小猪》课件
- 三年级(下)道德与法治第三单元教材分析课件
- AutoCAD 2020中文版从入门到精通(标准版)
- Passport评估工具:项目复杂度评估表
评论
0/150
提交评论