js学习报告

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

20150513
文档对象模型
文档对象模型对象 forms对象 image对象 链接对象

20150514
事件响应
事件响应编程的概念 事件方法的使用 event对象 事件编程访问网页元素

2.组员的成品

韦叶琪



百度主页及一个简单的登陆页面 使用的标签有:表格 超链接 文本输入 密码输 入 颜色控制 图片插入 字体 列表 submit 不足:布局无法达到原页面一样 排版不好搜索 栏那里的百度一下不知如何实现 看不懂百度主 页的源代码
20150511
javaScript核心语法

分支和循环
1.if和switch的条件分支 2.while和do...while循环
注:do...while循环至少执行一次,因此while更常用
3.for和for...in循环 4.合理控制循环语句
break:终止当前循环 continue:终止本次循环,直接进入下一轮循环

JavaScript:写入 HTML 输出
document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>");

JavaScript:对事件作出反应 JavaScript:改变 HTML 内容
变量命名:数字、字母、下划线,以下划线或字母开头
20150510
javaScript基础知识

常用的运算符
1.运算符与表达式
注:优先级(二元从左向右,一/三从右向左)特定数据类型
2.基本算数运算符及使用 算数运算符、赋值运算符、增量减量 3.关系运算符及使用 4.逻辑运算符及使用 5.其他常用运算符及使用 条件运算符:表达式1?表达式2:表达式3
20150510
javaScript基础知识

JavaScript交互基本方法
常用方法alert()、confirm()和prompt() 1常用的信息对话框 2.选择对话框 3.显示提示对话框
20150510
javaScript基础知识

数据类型和变量
1.数据类型的理解
基本数据类型:数字型(整数 浮点数 )、字符串型(引号包含)、
布尔型(true/false)、空值型、未定义型 复合数据类型:对象、数组等 注:变/常量使用不需声明数据类型,typeof (数据)查看数据类型
2.基本数据类型
注:使用数字类型javascript区分整数和浮点数
转义字符 拼接字符串
3.变量的含义:临时存放数据的地方 4.变量的声明和使用:var关键字声明
2.组员的成品



辛颖 网页:学生实验管理系统 功能:登陆,注册信息,实验选择 不足:只完成初步框架,尚有许多问题待 解决 反思:学习过程眼高手低,实践太少,做 页面时暴漏问题过多
2015-5-26
2.组员的成品



宋建潼 这次我做了一个拙劣的IP网关登录界面的 仿网页。期间应用了图片文字的超链接, 表格,背景,跳转,文本及密码输入等。 缺点:记住了大体代码,有些代码还需要 翻书。采用记事本编写代码不能随时查看, 对于我这种不熟练的人来说前期有些吃力。 遇到了一个排版的问题,没弄明白。 改正:多编几次,熟练就好了。换一个编 程工具,工欲善其事,要有好软件。
2015-5-26
这个排版真心是一个痛,回去我再 琢磨琢磨
2015-5-26

我们小组一定会再接再厉,密切交流,共 同进步,改正错误,虚心请教,夯实基础。 谢谢!
2015-5-26
1.字母大小写编写规范:区分大小写,尽量小写 2.Javsscript代码编写格式:忽略标识符间空白字符,语句用英文分号 分隔 3.注释格式:单行注释//开头,多行注释/*开头,*/结尾 4.保留字 5.基本输出方法:字符串必须用英文单/双引号包含,有则反 例:write()方法中可存放多值,英文逗号分隔,加号连接的只有数字, 加法运算后转成字符串输出 6.关于<script></script> 标签的声明:嵌入HTML文档
x=document.getElementById("demo") //找到元素 x.style.color="#ff0000"; //改变样式
Biblioteka Baidu
JavaScript:验证输入
if isNaN(x) {alert("Not Numeric")};
20150510
javaScript基础知识

JavaScript的基本语法
数学运算对象 1.数学运算对象的方法和属性 2.做一个小型计算器 字符串对象 1. 字符串对象的属性 2.字符串对象的方法 函数对象

20150513
浏览器对象模型
navigator浏览器信息对象 window对象 location对象 history对象 screen对象
20150511
javaScript核心语法

函数
1.函数的定义 2.函数的参数传递 3.函数中变量的作用域和返回值 局部变量、全局变量 4.函数的嵌套
20150511
javaScript核心语法

面向对象编程的简单概念
1.面向对象的定义 2.创建面向对象:var 新对象实例名称=new 构造函数; 3.定义对象属性:对象后面用点号(.) 4.对象的构造函数和方法 5.关联数组的概念 6.with语句和for...in语句
<button type="button" onclick="alert('Welcome!')">点击这里</button>

x=document.getElementById("demo") //查找元素 x.innerHTML="Hello JavaScript"; //改变内容

JavaScript:改变 HTML 图像 JavaScript:改变 HTML 样式
学习和开发计划时间表
时间 150503-150509 150510-150516 周次 9 10 任务 HTML
javascript
任务细节 章、节
参考资料 w3school
说明 学习目的
时间:2015.5.10(第10周)
第十周 150510-150516
学习任务 JavaScript

参考资料 w3school
20150510
JavaScript 简介

JavaScript 是脚本语言,可插入 HTML 页面的编程代码。 插入 HTML 页面后,由浏览器执行。
主要功能。

控制文档的外观和内容 控制浏览器的行为 与页面各种元素交互 用户交互操作 读写部分客户端信息
20150510
运行实例
20150512
javaScript核心对象

数组对象
1.创建数组 2.数组元素的操作 3.创建多维数组 4.数组的方法
20150512
javaScript核心对象

日期对象
1.用Date对象创建常用日期 2.Date对象日期的方法 3.时间计算程序
20150512
javaScript核心对象
相关文档
最新文档