A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 王新阳 中级黑马   /  2012-11-17 23:13  /  1810 人查看  /  1 人回复  /   1 人收藏 转载请遵从CC协议 禁止商业使用本文

相对定位:position:relative
绝对定位:position:absolute
隐藏:display:none
显示:display:block

表单:
下拉菜单
<select>
<option></option>
</select>
radio:单选按钮
password:密码框
submit:提交按钮
reset:重置
数组
带括号的是方法 不带括号的是属性
  .length  数组 格式:(数组.lenght)
  concat() 连接 格式:(xx.concat(xx))
  join()     在数组后面分隔符  格式:(xx.join("xx"))
  pop()      移除最后一项    格式:(xx.pop())
  push()      加入新的想   格式:(xx.push(x.x.x))
math:
Math.floor(0.9) //向下取整 0
Math.abs(-5.2)  // 取绝对值 5.2
Math.round(2.5) //四舍五入取整 3
Math.ceil(1.1)  //向上取整 2

窗口对象:DOM
history.back   后退
history.(1)    前进
window.status='1012A欢迎你';      //status状态栏属性  改变状态栏内容
window.alert('1012A欢迎你');      //弹出一个带确定按钮的提示窗口
name=window.prompt('请输入你的名字','张三');      //可输入的窗口
方法:
createElement:创建
append:追加
removeChild:移除

字符串:
  charAt() 能取到字符窜的第几项 格式:(xx.xharAt(第几项))
  indexOf() 用indexOf找在xx中的xx项中的长度是多少   格式:(xx.indexOf(xx))
  substr()  在一个字符串中找到第几项 然后在第几项开始截取几个字符  格式:(xx.substr(x.x))
  substring()   在一个字符串中从什么时候开始到什么时候结束  格式:(xx.substring(x.x))
  replace()   在一个字符串中找到第几项然后改变它  格式:(xx.replace(x.x))

date对象
  d1=new Date() //创建日期对象 获取当前日期
  date= d1.getDate() //获取d1这个日期对象中的日
  m   = d1.getMonth()  //获取d1这个日期对象中的月份
  y   = d1.getYear() //获取年份
  h   = d1.getHours()  //获取 小时
  min = d1.getMinutes() //获取 分钟
  s   = d1.getSeconds()  //获取秒
  day = d1.getDay() //获取星期   
  d1.tolocaletring    把世界时间专程当地时间
  document.write('今天是'+y+'年'+m+'月'+date+'号 '+h+':'+min+':'+s +" 星期"+day)

JQ:
<标签 属性=“值1” style=“样式:值1;。。。。。。。。。。”>XXOO</标签>
$<"div p">表示div里面所有p标签
$<"div>p">表示div里面的子标签(里面最大的p标签;也就是子标签)
$<"div+p">表示div紧挨着的p标签(紧挨着的"一个")
$<"div~p">表示div后面的所有p标签
$<"p:first">表示一个网页有很多p标签只找第一个p 标签
$<"p:last">表示一个网页有很多p标签只找最后一个p标签
$<"*:contains('xx')">在全局里面只找有文本的标签
$<"p[align='center']">只找p标签里面有align='center'的标签
$<"p:eq(2)">表示在全局里面的第几个p标签
$<"xx">.append("内容")把什么标签加一些内容、
$<document>.ready({functiomn()xxxxxxxx})()表示页面一加载就运行程序(就是网页一打开就执行)
$<"zz">.addclass("类名")
$<"remoueclass">("类名")
$<"#d1 div.c1>div+p">
$<"div>p:nth-child(1)">
$<"div>p:first-child">
方法:
hiden():显示隐藏
click():点击时
add():找到奇数行
even():找到偶数行
parent():父元素
children():子元素


onLoad//执行页面打开后所执行的语句;成功打开时才执行
onunloa//卸载事件,在一个页面打开一个新页面,第一个页面别卸载
onclick:当鼠标点击时事件;
onmouseove:当鼠标移动时发生的事件
onmousedown;onmouseup:当鼠标点下去抬起来发生的事件;
onmouseover;onmouseout:进入盒子退出盒子;
ondblclick//双击;
onkeydown;
onkeyup;
onkeypress;是onkeydown和onkeyp放下抬起后的效果

typeof类型转换
false假true假
concat连接
Math对象
Math.abs()求绝对值
Math.round()四舍五入
Math.floor()向下取整
Math.ceil()向上取整
Math.random()取0-1取随机数
Math.max()最大值
Math.min()取最小值
string对象;
Date对象;
get获取set设置;
getTime获取系统毫秒数;
Date.parse(“”)检查字符时间是否符合标准,符合格式返回数字,不符合返回NaN,
isNaN(Date.parse(“”))判断是不是一个数字,返回true或false;
isfinite()做判断,是不是无限的;返回true和false;
finite无限的意思;
parteInt(‘’“)将字符转换为Int
parteFloat(”“)将字符串转为Float;
eval(”XX“)执行XX所代表的语句;
例a=1;eval(”a++“);
global对象;


正则表达式:用一些规定好的含义的字符组合在一起用于表示莫一规律的字符
1、\d 表示一个数;
2、+ 表示前面出现一次或一次以上;
3、、 表示任意字符;
4、^   字符的开始位置
5、$  字符的结尾;
6、*  表示前面的东西(字符)出现0次或0次以上;
7、?  表示前面一次或零次;
8、\  转义(将特殊字符转意回来)
9、\n  回车换行
10、\w  单词字符(数字、字母、特殊字符、其它语言字符)
11、\s空白字符
12、\B(非)单词字符;
13、\D(非数字)字符
14、\W(非)单词字符;
15、|  或的关系必须加括号;
16、()有两个意思1表示优先运算,第二表示一个整体;
17、i  不区分大小写
18、g  全部参加
19、[] 范围字符


窗口对象:DOM
window的对象
1、document窗口:html(head和body)
2、location
3、history
4、screen
5、event
window对象
window.alert11:01 2011-4-2(“哎呀呀”)
window.confirm(“吃早饭了吗”)
window.prompt("吃什么")
window.status="欢迎来到XX":设置windows状态栏的文字status表示属性
window.name="名字":给窗口命名;
window.open("url")弹出一个窗口;
url路径,文件路径;
scrollbars=yes滚动条设置;
location=yes地址栏
toolbars=yes工具栏
menubars=yes菜单栏
resizable=yes放大放小
close关闭窗口;
window.showModalDialog()打开模式窗口;意思不是独立的;
window.showModelessDialog()打开非模式窗口;
widow.setInterval  时间间隔设置
widow.cleartInterval  停止启动启动停止;
window.setTimeout  //设置时间之后去一次某事
window.clearTimeout //清楚可有可无
document.getElementById//通过Id找到对象;
insubmit//提交
onchange//改变
event//事件对象;//所有事件发生时的一个内置状态信息容器;只能在句子中使用;不能用做具体事件;
event.x
event.y
event.srcElement:事件发生的源文件; //src是source的缩写:来源;element:源文件
event.keycode:键码值
document.getElementById("id")用document找对象;
style=“cursor:hand”鼠标样式
tolocaleString Date方法//返回电脑格式时间

Js技术介绍;
js定义;它是一种基于对象和事件驱动并具有安全性能的脚本语言;
对象;
1.页面上都是对象;2.每个标签都是对象;3.对象都是可以改变的;4.我们决定怎么变;
js的作用;
1.一网页特效;2.二表单验证;3.三相应事件;event
js的特点
  1、脚本编写语言;解释执行;2、基于东西的语言;3、简单性;4、安全性;5、跨平台性;6、动态性;
js的运行环境;
1、script标签间;2、引入外部js文件中;

js的基本语法规则
一、大小写敏感;HTML部区分大小写;
二、注释;HTML注释<!--  -->;css注释/**/;js注释//单行、/* */多行;
三、语句行;<语句>;{  }一条或多条语句;
四、变量的定义;var+变量名;
1、必须是一个有效的变量;即变量以字母开头,中间可以出现数字,出下划线作为连接符外,变量不能有空格,+或其他符合;2、不能使用js中的关键字作为变量;3、见名知意;
五、变量的声明;var name,sex;多个声明; var name:"a"  sex="d "声明并赋值
1、当要声明一个变量并进行初始化,但又不想制定任何特殊值,可以赋值null;2、如果声明的一个变量,但没对其赋值,该变量存在,其值为未定义的;3、null的操作对象是数字0,而undefined操作对象是一个特殊值nan(不是一个数字)
六、数据类型;
1、基本(主要)数据类型;一、字符串型;二数值型;三、布尔型;布尔型又分true和false;2、复合(引用)数据类型;对象和数组;3、特殊数据类型;null和undefined;null代表空undefined未定义的;
七、数据类型强制转换;
1、数值与字符串相加,将数值强制为字符串;2、布尔值与字符串相加,将布尔值强制转化为字符;3、数值与布尔值相加,将布尔值强制转化为数值
八、运算符与优先级;
运算+ - * / %赋值;逻辑;关系;条件;单目,自增自减;
九、流程控制;
1.分支结构;a、if语句;b、swith选择语句;c、if else;d、if elseif else
十、流程控制、循环语句;
1、for;2、while;3、do while;4、break;5、continue;
十一、容错语句;try{}catch{}finally{};catch(e){}e表示错误的生成对象;alert(“错误的描述信息;”+e.description);e.description错误的详细描述信息,e事系统自带错误信息汇总;
页面输出;(“”)表示原样输出;不参加任何计算;不加双引号表示变量,代表参加计算的变量;+ 表示输出连接符;
break;退出循环;continue;推出本次循环;

评分

参与人数 1技术分 +1 收起 理由
张文 + 1

查看全部评分

1 个回复

倒序浏览
值得学习ing!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马