* 课程回顾：
* 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. Oracle错误日志：ORA-00257

    今天下午刚启动程序,就报以下错误: Caused by: java.sql.SQLException: ORA-00257: 归档程序错误.在释放之前仅限于内部连接. 经查,是oracle数据库日志满 ...

  2. fdtd simulation, plotting with gnuplot, writting in perl

    # 9月13日 于成都黄龙溪 1 #!/usr/bin/perl # Author : Leon Email: yangli0534@gmail.com # fdtd simulation , plo ...

  3. 抓取天猫和淘宝的详情页图片|Golang

    taobao.go package main import ( "crypto/md5" "encoding/hex" "fmt" &quo ...

  4. redis 一二事 - 设置过期时间，以文件夹形式展示key显示缓存数据

    在使用redis时,有时回存在大量数据的时候,而且分类相同,ID相同 可以使用hset来设置,这样有一个大类和一个小分类和一个value组成 但是hset不能设置过期时间 过期时间只能在set上设置 ...

  5. sqlzoo.net刷题2

    Find the largest country (by area) in each continent, show the continent, thename and the area: 找到每个 ...

  6. Windows 2008 R2 配置 DNS 实现二级域名

    本文内容 域名解析 准备工作 安装 DNS 服务器 建立 DNS 区域 建立主机头 服务器网络设置 测试二级域名 IIS 建立 Web 站点 其他 DNS 服务 域名解析 域名解析,是域名到 IP 地 ...

  7. HTML5 web workes实现多线程

    对多线程来说尽量使用HTML5的WEB WORKER特性 HTML5中的Web Worker是使用多个线程并发执行Javascript程序.另外,这种特别的多线程实现能减少困惑开发者多年的,在其他平台 ...

  8. css 字体不撑开默认块级元素问题

    问题原因是行高的元素没有随字体大小而改变,设置line-hight属性和字体同时变换

  9. Redis集群环境的部署记录

    Redis Cluster终于出了Stable,这让人很是激动,等Stable很久了,所以还是先玩玩. 一. 集群简单概念. Redis 集群是一个可以在多个 Redis 节点之间进行数据共享的设施( ...

  10. 安卓版微信内置浏览器，<a href="tel:电话号码"></a> 这个链接失效，不能跳到拨号界面？

    https://segmentfault.com/q/1010000000318831 在URL最后面加“ #mp.weixin.qq.com ”,应该加其他qq.com的二级域名都行,估计是微信的安 ...