美文网首页
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整理

    1.输入框 document.write("我们教室没有窗户,why???");document.write("”...

  • 整理+整理+整理

    最近开启了整理狂魔的模式,各种资料整理,分类梳理,删删减减,颇有强迫症的赶脚,这是为了拖延正事才做的徒劳行为么? ...

  • 整理~整理~整理~

    整理过后,天晴了 乱了一段时间,把心放逐,让一切随风,但是离意却越差越远,面对诸多的不满意,通过发泄,自我调整,就...

  • 整理整理

    近两天状态不是很好,昨天原本计划好要写作业的,结果喝酒最终没有完成打卡,今天为此还是很焦虑,回家后为了消除情绪上的...

  • 整理整理

    在说点什么之前,先来讲讲一个叫康奈尔笔记法的小笔记法。 所谓的「康奈尔笔记法」,源自美国康奈尔笔记法故而得名,它是...

  • 整理整理

    今天突发奇想洗了洗地毯,结果清洗完地毯以后发现地板很脏,于是又拖了拖地,结果发现屋子又有点乱,然后就开始整理屋子,...

  • 整理整理

    最近已做好的事情: 完成了一篇论文,已投稿,发表应该问题已不大,前几天编辑说已过了二审,在等待三申,到现在没说让改...

  • 整理整理

    今天业余主要是把院长连线的与孩子人际关系的案例进行了一下整理和文字修改。 同时把前段时间整理的体验课的例子也整理完...

  • 整理整理

    家务真是越做越多。 不做的话就俩问题,脏和乱。做了就会冒出很多问题。 1、现在家里要面临被子没地方收的问题 解决方...

  • 整理整理github

    github:Reim nodejs写的简易留言板https://github.com/Reim/messageb...

网友评论

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

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