提示框
1.弹出警示框
alert();window.alert();window窗口
2.控制台输出
console.log()
3.文档打印document文档
document.write();
变量
变量的命名规则!
1.变量命名必须以字母或是下标符号”_”或者”$”为开头。
2.变量名长度不能超过255个字符。
3.变量名中不允许使用空格。
4.不用使用脚本语言中保留的关键字及保留符号作为变量名。
5.变量名区分大小写。(javascript是区分大小写的语言)
变量的作用域
根据变量的作用范围可以分为全局变量和局部变量
全局变量：
1.在最外层声明的变量。
2.在函数体内部，但是没有声明var的变量也是全局变量
局部变量：
在函数体内部的声明的变量
小知识点：
隐式的全局变量
事件三要素：
事件源、事件、事件处理程序
·事件源.事件= function(){事件处理函数}
·事件：
事件练习案例
1.改变粉色盒子宽度：
2.京东动图换色，案例效果如下：（鼠标移入由绿变红,绿色为png1,红色为png2)
源码：
此案例的图片素材：
链接：http://pan.baidu.com/s/1dFFVGE9 密码：ll5z
入口函数
window.onload = function(){
内部放js
}
这个函数的意思就是说，当我们页面加载完毕之后，采取执行函数体里面的js部分。
JS的书写位置
Js的书写位置非常的自由。可以参照css的位置来分类。
1）行内式
一般情况，单双引号是一样的 但是出现了包裹的情况。
我们一般采取的是外双内单的格式。
2）内嵌式
<script type="text/javascript"></script> 任何一个地方
3）外链式
<scipt type ="text/javascript" src="xx.js"></script>
这对标记之间不能写任何的东西。
数据类型
Js的数据类型分为：
字符型 / 数值型 /布尔型 /null / undefined
Js是一个是一种弱数据类型。
1.字符型（string）
String
转换为字符型:
方法<1>.利用“”(双引号)
加了引号的都是字符型。
方法<2>.利用String();转换为字符型
【案例】：
【结果】：
2.布尔型（boolean）
就两个值正确的和错误的true和false
数据类型转换为布尔型：
方法<1>.利用 !!
【案例】：
【结果】：boolean
字符型：a++与a=a+1不一样
【注意辨析下面案例】
var num=“0”字符型
结果为1
结果为01
【备注】：上例01常用作时间24小时显示。
方法<2>.利用Boolean()
· false、undefined、null、0、””（空）【为 false】
· true、1、”somestring”（任何一个字符串）、[Object] 为【true】
3.数值型
数组的前面带0表示8进制
【案例】：
020因为8进制，所以为16
【计算方式】：
数值前面带0x表示十六进制
转换为数值型:
方法1.利用- * /都可以转换，除了+（利用减法，乘法，除法，除了加法都可以把字符形转为数值型）
【案例】：
方法2.利用Number( )
方法3.parseInt
4.Null Undefined
Null空的没有值。
Undefined未定义的应该有值，但是没有给。
Null“”
ParseInt() 和paseFloat()
parseInt(值,进制);
【案例】：parseInt(110,2)
表示2进制把110这个值转换为110进制
算法是：0*2的0次方+1*2的1次方+ 1*2的2次方=6
parseInt
[运用案例]：
总结：parseInt是一个非常多功能的东西，可以将字符串转为数字，也可将数字取整。
有任何疑问请在评论区留言，咱们一起探讨与进步吧！
网友评论