CSS和Javascript简单复习资料_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS和Javascript简单复习资料_javascript技巧,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4588字,纯文字阅读大概需要7分钟。
内容图文
![CSS和Javascript简单复习资料_javascript技巧](/upload/InfoBanner/zyjiaocheng/313/b87d39684f74462b85562c32b5f27d83.jpg)
CSS:
内联样式表 标签内直接加style=””
嵌入式样式表 定义在标签
外部样式表
选择器:
HTML选择器:接在html标签后加css
如:p{color:red}
class选择器:1 在html标签后加class名,再加css
如:p.red{color:red}
2 直接加class名,再加css
如:.red{color:red} 注意前面有个点
ID选择器:在ID前加一个#号
如:#red{color:red} ID选择器只为某一ID的控件使用
关联选择器:有嵌套的html标签,用空格隔开
如:P EM{color:red}
组合选择器:多个html标签,用逗号隔开
如: H1,H2,H3{color:red}
伪元素选择器:HTML元素:伪元素
如:A:link{color:red}
注释:使用 /* … */ 进行注释,不可嵌套
javascript:
javascript的数据类型:
基本数据类型:数值、字符串、布尔、空、undefined
注意:javascript中字符串是基本类型,传递的是值,不是地址。和java不同。
转义字符
变量:字母、数字、下划线、美元符$ ,以字母开头
javascript的函数:
function 函数名 (参数){
函数体;
return 表达式;
}
注意:函数由function定义。
形参:javascript不要求实参和形参个数相等,可以通过使用function_name.arguments.length来得到传过来的参数的个数。
内部函数: encodeURI / decodeURI
parseInt / pareFloat
isNan 检测parseInt / pareFloat的值是否是NaN
escape / unescape 对一个字符串进行编码后的字符串
eval 把一个字符串作为一个JavaScript表达式
javascript:
javascript的数据类型:
基本数据类型:数值、字符串、布尔、空、undefined
注意:javascript中字符串是基本类型,传递的是值,不是地址。和java不同。
转义字符
变量:字母、数字、下划线、美元符$ ,以字母开头
javascript的函数:
function 函数名 (参数){
函数体;
return 表达式;
}
注意:函数由function定义。
形参:javascript不要求实参和形参个数相等,可以通过使用function_name.arguments.length来得到传过来的参数的个数。
内部函数: encodeURI / decodeURI
parseInt / pareFloat
isNan 检测parseInt / pareFloat的值是否是NaN
escape / unescape 对一个字符串进行编码后的字符串
eval 把一个字符串作为一个JavaScript表达式
javascript的对象:
对象的属性:不需要先定义,可以直接使用
对象的方法:
定义:对象名.方法名 = 函数名
调用:对象名.方法名()
如:
//定义了一个方法
function sayname(){
alert(“name”);
}
object1.say=sayname;
object1.say();
对象的定义:
对象定义时,对象的属性可以自己定义。
用for ( var prop in object) {}可以遍历object里面的属性
内部对象: Object对象: new Object() 新建一个对象
String对象:
属性: length
方法: indexOf() / lastIndexOf()
match(正则表达式)
正则表达式:
以/ …. /作为标志
使用test()方法,符合条件返回true
replace() 替换第一次出现的字符
split() 返回一个数组
substring() 截位置 / substr() 截长度
Math对象: Math对象是静态对象,需要用Math.方法名()调用
Date对象: new Date() 构造方法
getYear() / getMonth()+1 / getDate() / getDay/ getTime()
toString方法: toString()可以转换进制 如toString(2);
数组: var arr = new Array();
同一个数组中可以加不同类型的值。数组的长度可变。
javascript的局部变量建立后,可以在整个函数体内中的任何地方使用。
事件驱动(通用): onClick();
onChange():
select 中选项改变时
onSelect():
onFocus() / onBlur 获得 / 失去 焦点
onLoad() / onUnload();
document对象:
方法:
write() / writeln() 使用后要用 close() 关闭
getElementById / getElementsByName 得到元素
createElement()
包含对象:
forms数组 得到对象
links数组 得到对象
anchors数组 得到对象
all数组 得到所有对象
body对象: 事件:
onselectstart =”return false” 时就不能选择网页上的东西了
onscroll
包含对象:
all
style
form对象: 方法: submit()
reset()
事件: onsubmit 函数体内 return true or false 判断是否提交表单
包含对象:
![](http://www.gxlcms.com/Public/aiod/ts.jpg)
JavaScript热搜
- Vue利用canvas实现移动端手写板的方法
- vue2.0 移动端实现下拉刷新和上拉加载更多的示例
- 解决vue-router中的query动态传参问题
- 解决使用vue.js路由后失效的问题
- 微信小程序实现换肤功能
- JS中touchstart事件与click事件冲突的解决方法
- 完美解决axios在ie下的兼容性问题
- 在vue项目中引入highcharts图表的方法(详解)
- Vue的轮播图组件实现方法
- angular基于ng-alain定义自己的select组件示例
- 详解vue移动端日期选择组件
- JS/jQuery实现DIV延时几秒后消失或显示的方法
- 微信小程序数字滚动插件使用详解
- 详解基于vue-cli配置移动端自适应
- js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
- Swiper自定义分页器使用详解
- 深入浅出webpack之externals的使用
- 微信小程序实现简单input正则表达式验证功能示例
- Vue-Access-Control 前端用户权限控制解决方案
- 浅谈Vue SSR 的 Cookies 问题
- 结合mint-ui移动端下拉加载实践方法总结
- Angular 4根据组件名称动态创建出组件的方法教程
- 微信小程序媒体组件详解(视频,音乐,图片)
- weex里Vuex state使用storage持久化详解
- jQuery图片缩放插件smartZoom使用实例详解
![](http://www.gxlcms.com/ad/tx500x500.jpg)