美文网首页
H5-day2-script整理

H5-day2-script整理

作者: 小龙是只猫 | 来源:发表于2016-12-27 10:52 被阅读14次

    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

    相关文章

      网友评论

          本文标题:H5-day2-script整理

          本文链接:https://www.haomeiwen.com/subject/jmwsvttx.html