提示框
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”字符型
【备注】:上例01常用作时间24小时显示。
方法<2>.利用Boolean()
· false、undefined、null、0、””(空)【为 false】
· true、1、”somestring”(任何一个字符串)、[Object] 为【true】
3.数值型
数组的前面带0表示8进制
【案例】:
【计算方式】:
数值前面带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是一个非常多功能的东西,可以将字符串转为数字,也可将数字取整。
有任何疑问请在评论区留言,咱们一起探讨与进步吧!