1 结构
- 直接使用
<script type=“text/javascript”></script>
<script type="text/javascript">
</script>
- 引用JS外部文件
<script src="script.js"></script>
2 语法：
var variableName 声明变量
if( ){ }else{ } if-else语句
function functionName(){function code;} 函数语句
消息对话框
-
alert(str); 警告对话框
-
confirm(str); 确认对话框，返回值: Boolean值
-
prompt(str1, str2); prompt 对话框，返回值：文本框中的内容（确认）/ null（取消）
window.open([URL], [窗口名称], [参数字符串]); 打开窗口
- URL 可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
-
窗口名称：可选参数，被打开窗口的名称。
该名称由字母、数字和下划线字符组成。
相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
name 不能包含有空格。
特殊名称：- ‘_blank’ 在新窗口显示目标网页
- ‘_self’ 在当前窗口显示目标网页
- ‘_top’ 框架网页中在上部窗口中显示目标网页
-
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
例如：打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：
<script type="text/javascript">
window.open('http://www.imooc.com','_blank',
'width=300,height=200,menubar=no,toolbar=no,status=no,scrollbars=yes');
</script>
window.close(); 关闭窗口
window.close(); //关闭本窗口
<窗口对象>.close(); //关闭指定的窗口
//例子
var mywin=window.open('http://www.imooc.com');
mywin.close();
3 文档对象模型DOM（Document Object Model）
DOM定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。
- 元素节点：标签
- 文本节点：文本
- 属性节点：标签属性
document.write(str); 写入文本
document.getElementById(“idName”) 通过id获取元素
Object.innerHTML 获取Object内容
Object.style.property=new style; 修改Object样式
Object.style.display=“none”/“block” 隐藏/显示Object
Object.className 获取Object的class名
Object.offsetWidth 获取Object具体宽度
Object.offsetHeight 获取Object具体高度
4 触发函数
window.onload = function (){} 页面内容加载完成触发
window.onresize = function(){} 窗口大小变化触发
window.onscroll = function (){} 滚动条变化触发
同一个触发器触发多个函数：
window.onload =function() { a(); b(); c() ;}