* 课程回顾：
* CSS
* CSS的简介
* 层叠样式表。

* CSS与HTML的结合（4种）
* HTML的标签提供了属性 style="CSS的代码"
* HTML提供了标签 <style type="text/css">CSS的代码</style> 放在<head>中间
* 引入外部的文件
@import url("CSS文件的地址"); 写在<style>标签中间
* 通过html的标签 <link rel="stylesheet" type="text/css" href="CSS的地址" >

* 优先级： 一般情况下 从上到下，由外到内，优先级从低到高的。
特殊情况下 标签选择器 < 类选择器 < ID选择器 < style属性

* CSS的选择器
* 基本选择器
* 标签名选择器
* div{CSS}
* 类选择器
* 有一个标签，提供了class属性 <div class="值"></div>
* .值{CSS}
* ID选择器
* 有一个标签，提供了class属性 <div id="值"></div>
* #值{CSS}

* 扩展选择器
* 关联选择器
* 中间使用空格 例子： div font{CSS}
* 组合选择器
* 不同的选择器有相同的样式 例子： .haha,#hehe{CSS}
* 伪元素选择器
* CSS提供了一些选择器。

* CSS的布局

* JS
* js的简介
* js基于对象和事件驱动的脚本语言，作用客户端上。
* 特点：
* 交互性
* 安全性
* 扩平台性

* js与java不同
* js基于对象，java面向对象
* js解析就可以执行，java先编译再执行
* js是弱类型的语言，java是强类型的语言。

* js的组成
* ECMAScript
* BOM
* DOM

* js的语法
* 关键字 var function
* 标示符
* 注释 // /**/
* 变量
* var 声明变量
* js的基本数据
String 字符串类型
* var str = "abc"; var str = 'abc';
Number 数字类型
* 不区分整数和小数
Boolean 布尔类型
Null 空
Undefined 未定义（声明没有赋值）

* typeof() 判断变量的类型

* js的运算符
alert(true + 1); // 2

== 比较值
=== 比较值和类型

* js的语句
if(num == 4){
alert("ss");
}

for(var i=0;i<4;i++){
document.write("str"+"<br/>");
}

* js的数组
* 声明数组两种方式
var arr = [22,33];
var arr = new Array(4); 长度
var arr = new Array(4,5); 元素

* length 数组的长度

* js的函数
* 声明函数 function
function 函数名称(参数列表不能使用var关键字){
函数体;
return; 返回值没有可以不写
}

function getSum(){
return 100;
}

var sum = getSum;
sum();

=======================================================================================================================

* js的动态函数和匿名函数
* js的动态函数和匿名函数
* 动态函数
function getSum(){
return 50;
}
js提供了内置对象 Function

* 匿名函数
* 没有名称的函数

* js的全局变量和局部变量
* 全局变量：在<script>标签内部定义的变量，全局变量。
* 局部变量：在函数的内部定义的变量，局部变量。

* javascript的对象和API
* String 对象
* 声明
var str = "abc";
var str = new String("abc");

* 属性：length：字符串的长度
* 方法：
* 和HTML相关的方法（书写没有提示的）
* bold() 使用粗体显示显示字符串
* fontcolor(color) 参数是必须的，设置字体的颜色
* fontsize(size) 设置字体的大小（1-7）
* italics() 斜体
* link(url) 设置链接
* sub() 下标
* sup() 上标

* 和java中String对象类似的（*****）
* charAt(index) 返回指定位置的字符
* indexOf(str,fromIndex) 检索字符串，没有返回-1
* lastIndexOf(str,fromIndex) 从后向前检索字符串
* replace(要替换的字符串,替换成啥)

* substring(start,stop) 截取字符串
* substr(start,length) 截取字符串，从哪开始，截取多长

* 定义一个方法：可以去掉字符串两边的空格。
var str = " ab c ";
var newStr = mytrim(str);
newStr = "ab c";

* String 对象
* 声明
var str = "abc";
var str = new String("abc");

* 属性：length：字符串的长度
* 方法：
* 和HTML相关的方法（书写没有提示的）
* bold() 使用粗体显示显示字符串
* fontcolor(color) 参数是必须的，设置字体的颜色
* fontsize(size) 设置字体的大小（1-7）
* italics() 斜体
* link(url) 设置链接
* sub() 下标
* sup() 上标

* 和java中String对象类似的
* charAt(index) 返回指定位置的字符
* indexOf(str,fromIndex) 检索字符串，没有返回-1
* lastIndexOf(str,fromIndex) 从后向前检索字符串
* replace(要替换的字符串,替换成啥)

* substring(start,stop) 截取字符串
* substr(start,length) 截取字符串，从哪开始，截取多长

* Array对象
* 声明数组
var arr = [12,33];
var arr = new Array(4,4);

* Array对象
* 声明数组
var arr = [12,33];
var arr = new Array(4,4);

* 属性：length：长度
* 方法：
* concat(元素，数组); 返回新的数组
* join(s) 通过s标识（-），进行分隔，返回字符串
* pop() 删除末尾的元素，返回最后一个元素
* push() 向末尾添加元素，返回新数组的长度
* sort() 排序的方法

* Date日期对象
var date = new Date(); 当前的日期
* Date日期对象
var date = new Date(); 当前的日期

* toLocaleString() 转换本地的日期格式
* toLocaleDateString() 只包含日期
* toLocaleTimeString() 只包含时间

* getDate() 返回一个月中的某一天（1-31）
* getDay() 返回一周中的某一天(0-6)
* getMonth() 返回月份（0-11） +1
* getFullYear() 返回年份

* getTime() 返回毫秒数
* setTime() 通过毫秒数获取日期
* var date3 = new Date(1415937050973);

* parse(str) 解析字符串，返回毫秒数
Date.parse(str);

str：
2014-11-14 解析不了

11/14/2014 可以解析
2014,11,14 可以解析

* Math 和数学相关的对象
* math对象（静态的方法）
* ceil(x) 上舍入
* floor(x) 下舍入
* round(x) 四舍五入
* random() 0-1的随机数

* RegExp对象
* 正则表达式对象
* 应用：编写注册的表单，对表单输入的内容进行校验。

* var reg = new RegExp("表达式");（开发中不经常使用）
* var reg = /表达式/ 开发中经常使用
* var reg = /^表达式$/ 开发中经常使用

* exec(string) 不经常使用
* 如果匹配，返回匹配的结果

* test(string) 经常使用
* 如果匹配，返回是true，如果不匹配，返回是false

if(reg.test("abc")){
// 匹配上了

}else{

}

* 全局函数
* 使用全局函数，不需要任何的对象。
* 全局函数可以拿过来使用。
* global帮着管理全局函数。

* 全局函数
* eval() 可以解析字符串，执行字符串中间的js代码
* isNaN() 判断是否是非数字值
* parseInt() 解析字符串，返回整数

* encodeURI() 进行编码
* decodeURI() 解析解码

* encodeURIComponent()
* decodeURIComponent()

* escape()
* unescape()

* BOM 浏览器对象模型
* (Brower Object Model)

Window 窗口对象（*****）
Navigator 和浏览器版本相关的对象（**）
Screen 和屏幕相关的对象（-*）
History 和浏览器历史相关（**）
Location 和浏览器地址相关的对象（***）

Document 文档对象

Window 窗口对象（*****）

Navigator 和浏览器版本相关的对象（**）
* userAgent 获取浏览器的相关的信息
* window.navigator.userAgent window可以省略不写

Screen 和屏幕相关的对象（-*）

History 和浏览器历史相关（**）
* back() 返回上一个页面
* forward() 去下一个页面

* go()
* 传参数 go(1) 等于forward()
go(-1) 等于back()

Location 和浏览器地址相关的对象（***）
* href 获取和设置浏览器的路径（***）

* 事件
* onclick 点击事件
* 值的写法：

* document对象
* alert() 弹出提示框
* confirm("参数") 询问框
* 提供俩按钮，确定和取消
* 如果点击是确定，返回true，如果点击取消，返回false

* moveBy() 移动浏览器

* setInterval("函数",毫秒值) 定时相关的
* 每隔毫秒值执行一次函数
* 返回唯一的id值

* setTimeout("函数",毫秒值)
* 到了毫秒值后执行一次函数
* 返回唯一的id值

* 清除定时
clearInterval(id的值)
clearTimeout()

* close() 关闭浏览器的窗口
* open() 打开浏览器窗口

* 属性：
* opener 返回对创建此窗口的窗口的引用。
* win open() 弹出baidu的窗口

在baidu窗口中 baidu.opener 得到了win的引用。

* document对象方法
* document.getElementById("nameId"); 获取到是input标签的对象

* DOM 文档对象模型

传智168期JavaEE就业班 day03-js的更多相关文章

  1. 传智168期JavaEE就业班 day02-css

    * 课程回顾: * HTML语言 * HTML的简介 超文本标记语言. * 是网页最基础的语言. * 都是由标签所组成的. * HTML的基本格式 <html> <head> ...

  2. 传智168期JavaEE就业班 day05-XML 约束与解析

    * 课程回顾: * DOM解析HTML简介 * DOM 文档对象模型 * 解析器 * document对象 * getElementById("id的值"); 返回一个元素(标签) ...

  3. 传智168期JavaEE就业班 day04-dom

    * 课程回顾: * js语法 * js的动态函数和匿名函数 * js动态函数 Function new Function(); * 匿名函数:没有名称的函数,起个名称 var add = functi ...

  4. 传智168期JavaEE就业班 day01-html

    * HTML * HTML: HyperText Markup Language 超文本标记语言. * HTML是最基础的网页语言. * HTML的代码都是由标签所组成. * HTML的基本格式 &l ...

  5. 成都传智播客java就业班（14.04.01班）就业快报（Java程序猿薪资一目了然）

    这是成都传智播客Java就业班的就业情况,很多其它详情请见成都传智播客官网:http://cd.itcast.cn?140812ls 姓名 入职公司 入职薪资(￥) 方同学 安**软件成都有限公司(J ...

  6. 成都传智播客java就业班和基础班

    传智播客成都Java培训,带你走进Java的世界... 我们有咨询的教育团队,一流的名师指导: 我们是重视基础理论建设,强化高端应用技能: 我们有四大JavaEE项目,海量Android项目: 我们是 ...

  7. 成都传智播客java就业班激情洋溢的青春篮球赛

    为了缓解学员们的学习压力,也为了培养学员们的团队协作精神,5月28日下午,在班主任倪老师和王老师联手带领下,我们1406280ls" style="color:rgb(51,102 ...

  8. 黑马传智JavaEE57期 2019最新基础+就业+在职加薪_汇总

    黑马传智JavaEE57期 2019最新基础+就业+在职加薪 阶段1 语言基础+高级· 1-1-Java基础语法 第14节 数组 111

  9. 2015年传智播客JavaEE 第168期就业班视频教程day45-ERP项目-01 10-类图结构分析设计

    运行astah-pro.bat,这是windows下运行的.astah-run.sh是Linux下运行的. 类结构视图的作用是描述类模型和模型与模型之间的关系,也就是说我们在这要把这个一对多和多对多的 ...

随机推荐

  1. 最小瓶颈路 Uva 534 Frogger

    说明:关于Uva的题目,可以在vjudge上做的,不用到Uva(那个极其慢的)网站去做. 最小瓶颈路:找u到v的一条路径满足最大边权值尽量小 先求最小生成树,然后u到v的路径在树上是唯一的,答案就是这 ...

  2. activiti自定义流程之整合（三）：整合自定义表单创建模型

    本来在创建了表单之后应该是表单列表和预览功能,但是我看了看整合的代码,和之前没有用angularjs的基本没有什么变化,一些极小的变动也只是基于angularjs的语法,因此完全可以参考之前说些的表单 ...

  3. HDU 4964 Emmet --模拟

    题意:给你一个字符串,要求把它按语法转化成HTML格式. 分析:这题其实不难,就是一个递归的事情,当时忽略了括号嵌套的情况,所以一直WA,后来加上这种情况后就过了.简直醉了. 处理id和class时, ...

  4. Inspector a ProgressBar(定制属性面板)

    一.定制进度条 这篇文章主要学习如何在Unity的Inspector中使用ProgressBar 普通属性面板预览 通常我们的属性面板如下 定制属性面板预览 而通过扩展成ProcessBar后 二.内 ...

  5. 04JavaIO详解_DataInputStream(属于过滤l流)

    DataInputStream这个类是二进制读写的.并且 是过滤流,会一层套一层的.这里就是装饰者模式. public class DataStream1 { public static void m ...

  6. 微软职位内部推荐-UX Designer II

    微软近期Open的职位: Search Technology Center Asia (STCA) Position: UX Designer Location: Beijing, China Sea ...

  7. php基础19：文件

    <?php //1.打开文件的更好的方法是通过 fopen() 函数.此函数为您提供比 readfile() 函数更多的选项. //fopen() 的第一个参数包含被打开的文件名,第二个参数规定 ...

  8. ZooKeeper学习第二期--ZooKeeper安装配置

    一.Zookeeper的搭建方式 Zookeeper安装方式有三种,单机模式和集群模式以及伪集群模式. ■ 单机模式:Zookeeper只运行在一台服务器上,适合测试环境:■ 伪集群模式:就是在一台物 ...

  9. Activiti系列：几个历史数据表之间的关系

    1. 一个流程执行完之后,会在act_hi_procinst表内产生一条数据: 3. 一个流程中的每个节点都会在act_hi_actinst表内产生一条数据,比如下面这个流程执行完之后会在在act_h ...

  10. WPF打印原理，自定义打印

    一.基础知识 1.System.Printing命名空间 我们可以先看一下System.Printing命名空间,东西其实很多,功能也非常强大,可以说能够控制打印的每一个细节,曾经对PrintDial ...