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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,853评论 2 17
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,703评论 0 6
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,342评论 0 7
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,270评论 0 4
  • 元表 在 Lua 5.1 语言中,元表 (metatable) 的表现行为类似于 C++ 语言中的操作符重载,例如...
    tcgx阅读 849评论 0 0