- 一点感悟
- 一、CSS 学习资料
- 二、学习计划
- 三、学习感悟
- 第1章 JavaScript 了解
- 第2章 请和我互动（常用互动方法）
- 第3章 你也有控制权（DOM操作）
- 总结
一点感悟
前端学习,初步了解CSS后,继续来到JavaScript入门篇
一、CSS 学习资料
课程依然是慕课网
JavaScript入门篇
一份学习资料没有足够了解下,指定这个学习计划确实很草率,先定个初步方案,每天60分钟学习。计划定太高很容易坚持不了
三、学习感悟 第1章 JavaScript 了解JavaScript 的基本概念讲解
第2章 请和我互动（常用互动方法）本章节主要讲解如何向网页中输入内容，如何与浏览器窗口进行交互，通过简单的对象方法就可以轻松实现。
JavaScript-输出内容（document.write）
document.write(mychar + "
");
JavaScript-警告（alert 消息对话框）
alert(mychar);
JavaScript-确认（confirm 消息对话框）
confirm(str)
JavaScript-提问（prompt 消息对话框,str2 可修改）
prompt(str1,str2)
JavaScript-打开新窗口（window.open）
window.open('http://www.imooc.com','_blank','width=600,height=400,top=100,left=0')
JavaScript-关闭窗口（window.close）
用法：
window.close(); //关闭本窗口 //或 <窗口对象>.close(); //关闭指定的窗口第3章 你也有控制权（DOM操作）
如何用JavaScript去操作HTML元素和CSS样式，实现简单的动态操作。
获取标签
var mychar= document.getElementById("con")
innerHTML 属性
标签的 innerHTML 属性
var mychar.innerHTML = "新的显示内容";
修改 HTML DOC 的样式
Object.style.property=new style; mychar.style.color = "red";
显示和隐藏（display属性）
Object.style.display = "none|block"
控制类名（className 属性）
className 属性设置或返回元素的class 属性。
object.className = classname
function modify(){
var p2 = document.getElementById("p2");
p2.className = "two";
}
总结
JavaScript 的基础入门就学完了,下一步应该是进阶了
