插入 JS
- 在
<head>标签内插入<script type="text/javascript"></script>text 是告诉浏览器<script></script>之间的是文本类型（text），javascript 是告诉浏览器里面的文本时属于 js 语言。 js 可以防止在 html 文件中的任何位置，但时执行时有先后顺序的，如初始化时就要执行的 js 则放到 head。 - 引用外部 js 文件，
<script src=script.js></script>在 js 文件中，不需要<script>标签，直接编写 js 代码即可。
基础认识
- 每一句 js 代码的格式 语句; 以分号";“表示结束。
- 注释 与 java 相同 //或/* */。
- 变量 语法 var 变量名 ; a. 变量必须使用字母，下划线，美元符开始。 b. 然后可以使用多个英文字母，数字，下划线或美元符组成。 c. 不能使用和 js 关键词和 js 保留字。
- if else
- 函数
function 函数名() {函数代码;}调用<intput type="button" value="按钮" onclick="函数名()"/>
常用互动方法
- 输出内容
document.write(); - 警告
alert(); - 确认
confirm("内容");返回值为true或false - 提问 消息对话框
prompt(str1,str2);str1 为提问内容，str2（可省略）为文本框中内容，可以修改。str2 为返回值。 - 打开新窗口
window.open(url,name,参数字符串)url 目标路径，省略则为空窗口,name 可以是该窗口的名称，也可以是可选参（\_blank,\_self,\_top),参数字符串 。 - 关闭窗口
window.close(); 但只能关闭由window.open()创建的窗口myWin=window.open(); myWin.close();
编程练习
制作新按钮，“新窗口打开网站” ，点击打开新窗口。 任务 1、新窗口打开时弹出确认框，是否打开 提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。 2、通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/ 3、打开的窗口要求，宽 400 像素，高 500 像素，无菜单栏、无工具栏。
function Qclick() {
var i = confirm()
if ((i = true)) {
var a = prompt('输入网站', 'http://www.baidu.com')
myWin = window.open(a, '_blank', '')
}
}
DOM 操作
- 文档对象模型 DOM（Document Object Model）定义访问和处理 HTML 文档的标准方法。DOM 将 HTML 文档呈现为带有元素、属性和文的树结构（节点树）。
- 通过 ID 获取元素
document.getElementById("id"); - innerHTML 语法
Object.innerHTMLObject 指获取的对象 e.g.var a = Document.getElementById("id"); a.innerHTML="HAHAHHA"; //读取或修改元素内容 - 改变 HTML 样式
Object.style.property = new style ;e.g.var a = Document.getElementById("id"); a.style.backgourndColor = "#ccc" ; - 显示和隐藏
Object.style.display = "none/block" ;点击按钮执行函数隐藏文章 - 控制类名
Object.className = "类名" ;可通过类名更改 css 样式 - 移除某个属性效果
Element.removeAttribute("属性") ;e.g.var a = Document.getElementById("id"); a.style.color = "#ccc" ; a.removeAttribute("style");
保留字 关键字
break case catch continue default delete do else finally for function if in instanceof new return switch this throw try typeof var void while with
abstract boolean byte char class const debugger double enum export extends final float goto implements import int interface long native package private protected public short static super synchronized throws transient volatile