初识js
由网景公司开发,基于浏览器,基于面向对象,基于事件驱动的网页脚本语言。主要用来做表单验证、网页特效、网页小游戏、服务器异步交互。
js书写位置
内联式js的写法与css类似
<script type="text/javascript'>
代码内容
</script>
可以看出只是包裹的标签不一样,js使用script包裹起来的。
外联式使用<script type="text/javascript" src="文件地址"></script>,来进行引入。
拓展两个不常用的script标签属性
async="async" 设置外部js文件异步加载,相当于既加载html又加载js,当js加载完毕后立即执行
defer="defer" 设置文件最后加载,就是当其他的代码都加载完毕后,再加载js并运行。
JS-API介绍
应用程序编程接口。其实它就是一些预定于的函数。提供程序员基于某些硬件和软件访问一组程序的能力,无需访问源码,无需知道源码的运行机制
常见的接口:百度地图、豆瓣电影、爱奇艺影视等
js语法格式
推荐使用每行一句代码,并用分号结束
var num = 1;
var string= "你好";
注意,在js中就要区分大小写了,和css不同
变量
声明方式:var string = "变量值";
可以看出,为了证明这是一个变量,要用var来声明,然后跟上变量名和赋值。并且变量只能存放一个值,前面的值会被后面的赋值替换掉。
想要获取变量存放的值,直接打印变量名就能取得。
总结:变量是一个存放最后一次赋值的容器。
变量命名规范
变量只能由字母、数字、下划线、$来组成,且不能由数字开头
变量名长度不能超过255字符
变量名中不能有空格
变量名不能使用关键字或者保留字(百度有表格),命名时应尽量用相同语义的英文单词,理论上可以用中文但是不建议。
变量名严格区分大小写
书写变量建议使用驼峰式写法
不通过第三个变量,让两个变量值互换
代码如下:
var a=10, b=20;
a = a + b; 此时a的值是两个变量的和
b = a - b; 用两个值的和减去b的值,就剩下原来a的值,此时b就是原来a的值
a = a - b; 用两个值的和减去b(原a值),就剩下原来的b的值,这样就实现了互换
很有理解价值的案例
变量的类型
js是弱类型语言,不用声明变量的类型,它会根据里面的内容来转换类型。
虽然可以通过给变量赋不同类型的值来转换类型,但是不推荐这么用。