JavaScript基础笔记整理(1) 2015.05.29
今日任务：简介 用法 输出 语法
一、JavaScript的简介
JavaScript是脚本语言
JavaScript 是轻量级的编程语言，可插入html的代码
学习JavaScript了你会那些知识?
(1)JavaScript：直接写入html输出流
document.write(“<h1>这是一个标题</h1>”);
(2)JavaScript：对事件的反应
<button type=”button” onclick=”alert(“欢迎！”)”>点我！</button>
(3)JavaScript：改变html内容
X=document.getElementById(“demo”); //查找元素
X.innerHTML=“Hello World JavaScript”;//改变内容
(4)JavaScript：改变html图像
function changeImage()
{
element=document.getElementById('myimage')
if(element.src.match("bulbon"))
{
element.src="pic_bulboff.gif";
}
else
{
element.src="pic_bulbon.gif";
}
}
(5)JavaScript：改变html的样式
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改变样式
(6)JavaScript：验证输入
if isNaN(x) {alert("不是数字")};
二、JS的用法
Javascript 的两种引用方式(1)内部引用 和 (2)外部引用
(1) 内部引用 放在head 或者 body标签里面便可
(2) 外部引用 <script xx.js></script>
三、js的输出
(1)操作html元素
使用document.getElementById(id)方法 并且用 innerHTML来获取插入元素内容document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。
(2)写到html文档
document.write() 仅仅向文档输出写内容
(3)写到控制台
console.log() 方法在浏览器中显示 JavaScript 值
四、js的语法
数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。
字符串（String）字面量 可以使用单引号或双引号
数组（Array）字面量 定义一个数组：[40, 100, 1, 5, 25, 10]
对象（Object）字面量 ：{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函数（Function）字面量 定义一个函数：function myFunction(a, b) { return a * b;}
备注：
JavaScript对大小写敏感
JavaScript函数的语法是 function Name(参数){}
JavaScript的注释是 多行注释 /* */ 单行注释//
明天JavaScript的内容是：
JS的变量 JS的数据类型 JS的对象 JS的函数