传智播客-铁男
录制时间：2014.11.11
* 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的函数* 声明函数 functionfunction 函数名称(参数列表不能使用var关键字){函数体;return; 返回值没有可以不写}function getSum(){return 100;}var sum = getSum;sum();
动态函数（用的比较少）：
匿名函数：
<script>标签内部定义的变量，全局变量。String 对象
声明
var str = “abc”;
var str = new String(“abc”);
属性：length：字符串的长度
方法：
和HTML相关的方法（书写没有提示的）
和java中String对象类似的（*）
replace(要替换的字符串,替换成啥)
substring(start,stop) 截取字符串
案例：去除字符串左右两边的空格。
Array对象
声明数组
var arr = [12,33];
var arr = new Array(4,4);
Array对象
声明数组
var arr = [12,33];
var arr = new Array(4,4);
属性：length：长度
Date日期对象
var date = new Date(); 当前的日期
* Date日期对象
var date = new Date(); 当前的日期
toLocaleTimeString() 只包含时间
getDate() 返回一个月中的某一天（1-31）
getFullYear() 返回年份
getTime() 返回毫秒数
setTime() 通过毫秒数获取日期
parse(str) 解析字符串，返回毫秒数
str：
2014-11-14 解析不了
11/14/2014 可以解析
2014,11,14 可以解析
RegExp对象
应用：编写注册的表单，对表单输入的内容进行校验。
var reg = /表达式/ 开发中经常使用
var reg = /^表达式$/ 开发中经常使用，开始+结束
exec(string) 不经常使用
test(string) 经常使用
st(“abc”)){
// 匹配上了
}else{
}
全局函数
global帮着管理全局函数。
全局函数
parseInt() 解析字符串，返回整数
encodeURI() 进行编码
decodeURI() 解析解码
encodeURIComponent()
decodeURIComponent()
escape()
一个简单的总结：
encodeURI / decodeURI 编解码URI
进行url跳转时可以整体使用encodeURI
encodeURIComponent / decodeURIComponent 编解码URI组件
传递参数时需要使用encodeURIComponent
escape / unescape 对字符串进行unicode编码
escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z
encodeURI不编码字符有82个：!，#，$，&，’，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z
encodeURIComponent不编码字符有71个：!， ‘，(，)，*，-，.，_，~，0-9，a-z，A-Z
Window 窗口对象（******）Navigator 和浏览器版本相关的对象（**）Screen 和屏幕相关的对象（-*）History 和浏览器历史相关（**）Location 和浏览器地址相关的对象（***）<html><body><script type="text/javascript">document.write("<p>UserAgent: ")document.write(navigator.userAgent + "</p>")</script></body></html>
History和浏览器历史相关（**）
forward() 去下一个页面
go()
Location 和浏览器地址相关的对象（*）
open code:
<html>
<body><script type="text/javascript">
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
</script></body>
</html>
opener code:
<html>
<body><script type="text/javascript">
myWindow=window.open('','MyName','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
myWindow.opener.document.write("This is the parent window")
</script></body>
</html>
加事件onload
Day02 End.
本文发布于:2024-02-04 13:25:58，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170708292155974.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
