(一)前端基本功:JS必记知识点+案例

提示框

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是一个非常多功能的东西,可以将字符串转为数字,也可将数字取整。



有任何疑问请在评论区留言,咱们一起探讨与进步吧!

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

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,766评论 18 399
  • 什么是 JavaScript 语言? JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”(script...
    oWSQo阅读 1,818评论 0 1
  • JavaScript是什么? JS是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。JS是嵌入到浏览器软...
    钩不了沉阅读 1,952评论 0 6
  • 一、PXE PXE(Pre-boot Execution Environment,预启动执行环境) 在Client...
    崔健敏阅读 1,423评论 0 1
  • 社会上特别是大学生群体中流行了新的“读书无用论”,这实际上指的是庞大的教育成本,置换来相对较低的回报,造成人们对读...
    湖畔小镇阅读 1,067评论 0 0