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



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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容

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