javascript学习笔记整理(概述、变量、数据类型简介)


Posted in Javascript onOctober 25, 2015

A.概述
1.输出工具:

document.write()---可以是html

alert()---字符串

prompt(text,defaultText)

text---可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。

defaultText---可选。默认的输入文本。

2.js的放置

a.可以再HTML的任何位置放置

b.但他是一个整体,相互影响

c.在超链接和重定向的位置

<a href="javascript:alert();"></a>
<form action="javascript:alert();"></form>
<div onclick="alert()"></div>

********IE下可行,不推荐使用********
<div id="one"></div>
<script for="one" event="onclick">
alert(111);
</script>

d.调用外部javascript文件

<script src=""></script>

1.调用的js标签内不能出现任何代码

2.js脚本内不能出现<script>标签

3.还是相互联系、影响的
3.注释
a.对旧的浏览器

<!-- -->

*如果旧浏览器不识别JS,就注释
b.真正的注释

行内注释 //

块注释 /* */

B.变量

1.命名规范
a.严格区分大小写
b.变量的命名必须以 字母 或 _ 或 $ 开头;余下的部分可以是任意的字母、数字、_ 、$
c.不能用 关键字 或者 保留字 命名

关键字:for、if、try等

保留字:byte、char、class等
d.命名规范

驼峰命名法: getElementById

首字母大写: Object

有意义的命名:name、age
2.变量:可以存储数据的一个变量
a.变量如何创建(**必须以var关键字来修饰**)

先声明,后赋值:var a;a=3;

声明赋值同时进行:var a=3;

一次声明多个变量:var a,b,c;

一次声明多个变量并赋值: var a=1,b=2;
b.如何覆盖已有的变量

1.如果从新声明改变量而没有赋值,该变量的值不会改变

var a=1;var a; 结果a=1;

2.如果从新声明改变量并且赋值,该变量的值改变为新的变量值

var a=1;a=3; 结果a=3;

3.不用关键字var修饰变量

a;alert(a); 报错

a=1;alert(a) 结果:1

如果不用var修饰,且没有赋值---报错;有赋值,js会当做全局变量,不会报错。(后者不推荐)

C.数据类型

typeof()操作符:用来检测数据类型的一元运算符,并且返回的结果始终是字符串
isNaN() 函数用于检查其参数是否是非数字值
1.初始类型
a.undefined--变量创建后没有赋值,其默认值就是undefined
b.null--什么都没有,仅一个占位符
c.number--整形、浮点型;支持二、八、十、十六进制,都是按十进制输出;特殊的值

1.二、八进制:以0开头

2.十六进制:以0x开头

3.特殊的值:

最大:Number.MAX_VALUE

最小:Number.MIN_VALUE

无穷大:Infinity

无穷小:-Infinity
d.string--单双引号包围的字符串,还包括一些特殊字符

1.单双引号的效率一样的(不同于PHP)

2.只能成对出现,不能相互交叉使用

3.可以相互嵌套 var a="a '11' ";

4.特殊字符

\n 换行

\t 制表符

\b 空格

\r 换行

\' 单引号

\" 双引号

\\ 斜杠
2.引用类型

类型 typeof返回值
undefined undefined undefined
null null object
boolean ture,false bollean
string 在单双引号之间的值,特殊符号 string

初入前端,写的东西有不足或者错误信息还望各路大神指点指点,共勉进步。

Javascript 相关文章推荐
jQuery 遍历json数组的实现代码
Sep 22 Javascript
jquery固定底网站底部菜单效果
Aug 13 Javascript
json数据的列循环示例
Sep 06 Javascript
jCallout 轻松实现气泡提示功能
Sep 22 Javascript
jQuery浏览器CSS3特写兼容实例
Jan 19 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
基于JavaScript的操作系统你听说过吗?
Jan 28 Javascript
js获取地址栏参数的两种方法
Jun 27 Javascript
基于vue的短信验证码倒计时demo
Sep 13 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
three.js实现炫酷的全景3D重力感应
Dec 30 Javascript
Element Backtop回到顶部的具体使用
Jul 27 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 #Javascript
详解JavaScript编程中的数组结构
Oct 24 #Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 #Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 #Javascript
使用jquery动态加载Js文件和Css文件
Oct 24 #Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 #Javascript
使用javaScript动态加载Js文件和Css文件
Oct 24 #Javascript
You might like
模拟flock实现文件锁定
2007/02/14 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
PHP base64编码后解码乱码的解决办法
2014/06/19 PHP
使用PHP实现微信摇一摇周边红包
2016/01/04 PHP
深入理解PHP中的count函数
2016/05/31 PHP
php自动加载代码实例详解
2021/02/26 PHP
JavaScript 页面坐标相关知识整理
2010/01/09 Javascript
关于JavaScript的with 语句的使用方法
2011/05/09 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
JS清除选择内容的方法
2015/01/29 Javascript
jquery实现的省市区三级联动
2015/04/02 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
2017/01/13 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
JS中图片压缩的方法小结
2017/11/14 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
2018/01/09 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
Python实现冒泡,插入,选择排序简单实例
2014/08/18 Python
python 3利用Dlib 19.7实现摄像头人脸检测特征点标定
2018/02/26 Python
Python实现的本地文件搜索功能示例【测试可用】
2018/05/30 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
使用python-cv2实现视频的分解与合成的示例代码
2020/10/26 Python
教育科学研究生自荐信
2013/10/09 职场文书
一名毕业生的自我鉴定
2013/12/04 职场文书
带薪年假请假条
2014/02/04 职场文书
大四学生个人总结
2015/02/15 职场文书
高一数学教学反思
2016/02/18 职场文书