H5-day2-script整理

1.输入框

document.write("我们教室没有窗户，why？？？");document.write("”);

---

2.调试打印// 这是往控制台打印消息用的方法// 用来debug（调试）console.log("今天是js第一天的第二个方法");

---

3.提示，外部引用

当浏览器不支持script的时候显示的内容，

通常是提示类的内容。

例如：您的浏览器不支持脚本，请检查安全设定。

这是个外部引用的实例

---

4​.弹出框alert("今天是js第一天”);

---

5​.​全局变量var test;

test = "abc";

function testOutput() {

var test;

test = "123";

alert(test);

}

testOutput();

alert(test);

---

6.局部变量function testOutput() {    var test;    test = "123";    alert(test);}testOutput();alert(test);

---

7.​等号// 判断==左右的两个变量是否相等（值比较）

alert(1 == "1");

// 判断===左右的两个变量是否相等（值和类型都要比较）

alert(1 === "1");

---

8​.空值// 变量定义但没有赋值操作的时候是undefined。

var test;

console.log(test);

test = null;

console.log(test);

---

9.加法实例function calc() {

// 从文档里面取出来指定id的控件（Element）

var num1Input = document.getElementById("num1");

var num2Input = document.getElementById("num2");

var resultSpan = document.getElementById("result");

// isNaN 如果是非数值的情况

if(isNaN(num1Input.value)) {

alert("num1里面请输入数值");

return;

}

if(isNaN(num2Input.value)) {

alert("num2里面请输入数值");

return;

}

// 整数运算 加法

//resultSpan.innerText = parseInt(num1Input.value) + parseInt(num2Input.value);

// 浮点型运算 加法

resultSpan.innerText = parseFloat(num1Input.value) + parseFloat(num2Input.value);

//算术：+ 加、- 减、* 乘、/ 除、% 取余

}+=

---

10.多行注释// 单行注释

/* 多行注释 */

var msg;

msg = "这是msg变量的测试值";

alert(msg);

msg = "新的值";

alert(msg);

---

笔记重点：1. 乱码原因：文件的编码(encoding, encode)和文件的 meta charset不一致。2. 经常犯错的地方;不可以使用单标签alert('xxxx');不可以在标签中写代码3. 字符串需要用双引号或者单引号包裹，通常使用双引号4. js弱类型语言对类型不敏感。var 变量名;5. function是一个代码块，方法名任意。一段业务处理的整合。6.局部变量和全局变量区别：作用域不同，全局都生效的是全局变量。部分作用域生效的是局部变量。重点：没有var的变量默认会被初始化为全局变量要求：精确定义作用域。全局和局部变量名不要重复。7.匈牙利命名法（属性+类型+对象描述）8.number 整数int(Integer) 不带小数点 -1 0 1 234...number 浮点型float 带小数点 1.234567string 字符串 "一些字符"boolean 布尔值 true falseundefined 没有被定义的东西（变量定义但没有赋值操作的时候是undefined）null 空值function 方法object 对象9. typeof 检查目标变量的类型10. input有value    span没有value，有innerText当需要取出某个对象（控件）属性的时候使用 对象变量.属性名11. 小数转整数，小数点后被舍掉12. 非数值类型计算 例如 a + 1 会得到NaN （not a number）13. 大多数bug都是笔误造成的。务必谨慎。查找bug 首先F1214.isNaN 判断是否为数值 非数值返回true