js学习
一、js书写格式注意点
不推荐直接将js代码书写到标签内部
默认情况下浏览器会从上至下的解析网页,所以如果将js写到一对head标签中,并且需要通过js代码操作界面上的元素,那么就不能直接书写js代码,否则无效。
如果想将js写到一对head标签中,并且需要在js代码中操作界面上的元素,那么必须加上window.onload=function(){js代码}
window.onload的含义:等到界面上所有的内容都加载完毕再执行{}中的代码
由于默认情况下浏览器会从上至下的解析网页,所以如果想通过js操作界面上的元素只需要等到元素被加载解析之后操作就可以了,所以我们还可以将js代码写到body结束标签的前面(意思是js也可以写到body标签内来避免这样的情况发生)
如果是导入js文件的话,和第二条同理。
如果已经在script标签中编写了js代码,就不能用这个标签再导入js文件了,不然是无效的
二、js常见输出方式
通过弹窗的形式来输出
注意点:如果需要输出的内容不是数字,那么就必须通过单引号或者双引号括起来
在js中是严格区分大小写的
记住代码后面加分号(有时候不加分号程序照样运行,因为浏览器自动帮我们加了,但是会影响性能并且不一定加的对)
1
2
3
4
5
6
7
8
9
10alert(需要输出的内容); //弹窗里有“确定”按钮
alert(123);
alert('abc');
confirm(需要输出的内容); //弹窗里有“确定”“取消”按钮
confirm(123);
confirm('abc');
prompt(需要输出的内容); //比confirm多一个输入框
prompt("abc");通过网页内容区域的形式输出
1
document.write(需要输出的内容);
通过开发者工具控制台的形式来输出(网页上看不到,在开发者工具的console菜单里面看到)
1
2
3
4
5console.log(需要输出的内容); //普通输出
console.warn(需要输出的内容); //警告输出
console.error(需要输出的内容); //错误输出三个的区别就是显示效果不一样
三、常量和变量
常量
整型
实型
字符串
布尔
自定义常量:
在ES6中新增的
const 常量名称 = 常量取值;
const NUM = 666;
变量
定义: var 变量名称; //ES6之前,ES6开始不是var 是let
存储数据: 变量名称=数据;
获取数据: 变量名称
注意:如果变量没有赋初值,默认存储的是:undefined
ES6之前如果定义了同名变量,那么后定义的变量会覆盖先定义的变量,不会报错
在ES6之前,可以先使用变量再定义变量,不会报错。原理:
js是一门解释型语言,会边解析边执行,所以在解析前会进行 预解析,就是把代码中所有的变量和函数定义放到代码的最前面(赋值不会,只是定义)
所以在ES6开始,变量定义改进了:
let 变量名称; //只是把var换成let了,其他不变
并且如果有同名变量被定义会报错
四、数据类型
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!