这篇博客详细记录了JS前端学习的各个知识点，包括变量类型的判断、alert()的使用、数据类型的严格相等判断、语句末尾分号的推荐、document.write()与innerHTML的区别、CSS属性的修改、事件处理、DOM操作、jQuery的使用、Bootstrap框架的基本元素和响应式设计等。文中强调了W3C文档的重要性，并给出了实用的代码示例和技巧。
JS
***********************************
注意：不懂的可以看W3C的文档！非常重要！！
*************************************
day01 5
用typeof()可以判断某个变量的类型 有number string ...还有null undefined(声明了但未赋值)...
day01 6
alert()会停止程序的运行，点了确定以后才继续
day01 10
1 == "1" 返回true ，仅判断值
1 === "1" 返回false 还要判断数据类型
day01 15
一条语句最后可以不加分号，但是强烈建议加上。
甚至var都可以不写，但是建议写上。
document.write()就相当于把内容写在了body里面！！！，然后显示在浏览器上
另一个视频中的内容
script标签其他属性：
async="async" 立即异步下载外部js，下载完毕立即执行
defer="defer" 脚本延迟到文档完全被解析和显示后再执行，只有外部脚本可以使用。
day01 19
document.write()里面若写了一些标签，最终会出现标签的效果，因为body里面认识这些标签。
alert()若写了一些标签，就当字符串显示了，它是浏览器一级的东西，不会去解析标签。
day04 52
parseInt("24ab") 会取出24，后面不认识的就不管了
parseFloat也是类似
var s = "asd"; typeof(s) 是string
var s = new String("ghg") typeof(s) 是object
55
substr(m,n) m开始，截取n个。注意和Java substring()的区别，Java是开始位置和结束位置。
substring()方法和Java里是一样的。
*****
join() 数组到字符串
split() 字符串到数组
61 日期问题要注意
new Date("1999/9/9 6:6:6");
new Date(1999,9,9,6,6,6);
两种结果是不一样的，第一种是9月9日，第二种是10月9日（这种方法的月份是从0开始的！）
68
********
JS中对CSS属性修改，注意会把 - 当做减号！！那怎么写？
把 - 去掉，同时后面一个字母大写！如：
var obj = document.getElementById("id1");
obj.style.fontSize="60px";
obj.style.border="10px solid blue";
70
innerHTML 对象中所有的内容（文本内容和标签内容），一般用在双标签，即里面有东西的，不是<br/>这种
innerText 对象中所有的文本内容
73 onload两种写法
window.οnlοad=init; 一般这种
<body οnlοad="init();">
页面加载完成之后执行，可以覆盖掉一些小bug(因为页面加载完后立刻执行，之前页面上的东西肉眼看不到)
74 event
event里面有事件的相关信息！！比如事件源、事件发生在哪个位置！
e.target 可以获取事件源
怎么使用？必须以实参的形式传递给函数才能使用！
见 移动瞄准案例
76 星星案例
document.body 代表body标签对象
document.documentElement 代表html标签对象
这两个比较特殊，不用通过getElementById()来获取！！
body默认的height是0，根据你写的内容撑开。（我感觉和设置height=100%的效果一样...）
对absolute和relative的进一步认识：
若设置position:absolute ，top=0px;left=0px; 直接顶在了页面最左上角
body的外边界不起作用，因为已经从文档流拖出了。
若设置position:relative ，top=0px;left=0px; 是从body的最左上角开始的，
与页面边距还有一点距离，因为body还有一点外边界。
82
window的三个弹出框：
alert();
prompt("请输入名字","默认值"); ***不写值得到的是空字符串，点取消得到的是null***
confirm(); 弹出确认信息，可以点确认和取消，对应的是true和false
***********************************
注意：不懂的可以看W3C的文档！非常重要！！
*************************************
day01 5
用typeof()可以判断某个变量的类型 有number string ...还有null undefined(声明了但未赋值)...
day01 6
alert()会停止程序的运行，点了确定以后才继续
day01 10
1 == "1" 返回true ，仅判断值
1 === "1" 返回false 还要判断数据类型
day01 15
一条语句最后可以不加分号，但是强烈建议加上。
甚至var都可以不写，但是建议写上。
document.write()就相当于把内容写在了body里面！！！，然后显示在浏览器上
另一个视频中的内容
script标签其他属性：
async="async" 立即异步下载外部js，下载完毕立即执行
defer="defer" 脚本延迟到文档完全被解析和显示后再执行，只有外部脚本可以使用。
day01 19
document.write()里面若写了一些标签，最终会出现标签的效果，因为body里面认识这些标签。
alert()若写了一些标签，就当字符串显示了，它是浏览器一级的东西，不会去解析标签。
day04 52
parseInt("24ab") 会取出24，后面不认识的就不管了
parseFloat也是类似
var s = "asd"; typeof(s) 是string
var s = new String("ghg") typeof(s) 是object
55
substr(m,n) m开始，截取n个。注意和Java substring()的区别，Java是开始位置和结束位置。
substring()方法和Java里是一样的。
*****
join() 数组到字符串
split() 字符串到数组
61 日期问题要注意
new Date("1999/9/9 6:6:6");
new Date(1999,9,9,6,6,6);
两种结果是不一样的，第一种是9月9日，第二种是10月9日（这种方法的月份是从0开始的！）
68
********
JS中对CSS属性修改，注意会把 - 当做减号！！那怎么写？
把 - 去掉，同时后面一个字母大写！如：
var obj = document.getElementById("id1");
obj.style.fontSize="60px";
obj.style.border="10px solid blue";
70
innerHTML 对象中所有的内容（文本内容和标签内容），一般用在双标签，即里面有东西的，不是<br/>这种
innerText 对象中所有的文本内容
73 onload两种写法
window.οnlοad=init; 一般这种
<body οnlοad="init();">
页面加载完成之后执行，可以覆盖掉一些小bug(因为页面加载完后立刻执行，之前页面上的东西肉眼看不到)
74 event
event里面有事件的相关信息！！比如事件源、事件发生在哪个位置！
e.target 可以获取事件源
怎么使用？必须以实参的形式传递给函数才能使用！
见 移动瞄准案例
76 星星案例
document.body 代表body标签对象
document.documentElement 代表html标签对象
这两个比较特殊，不用通过getElementById()来获取！！
body默认的height是0，根据你写的内容撑开。（我感觉和设置height=100%的效果一样...）
对absolute和relative的进一步认识：
若设置position:absolute ，top=0px;left=0px; 直接顶在了页面最左上角
body的外边界不起作用，因为已经从文档流拖出了。
若设置position:relative ，top=0px;left=0px; 是从body的最左上角开始的，
与页面边距还有一点距离，因为body还有一点外边界。
82
window的三个弹出框：
alert();
prompt("请输入名字","默认值"); ***不写值得到的是空字符串，点取消得到的是null***
confirm(); 弹出确认信息，可以点确认和取消，对应的是true和false
最低0.47元/天 解锁文章
扫一扫
568
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
