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 相关文章推荐
JavaScript改变HTML元素的样式改变CSS及元素属性
Nov 12 Javascript
JQuery核心函数是什么及使用方法介绍
May 03 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
vue.js评论发布信息可插入QQ表情功能
Aug 08 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
Dec 05 Javascript
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
使用微信小程序开发弹出框应用实例详解
Oct 18 Javascript
简述vue路由打开一个新的窗口的方法
Nov 29 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
Jul 11 Javascript
layui use 定义js外部引用函数的方法
Sep 26 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 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
解析PHP正则提取或替换img标记属性
2013/06/26 PHP
php中关于换行的实例写法
2019/09/26 PHP
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
javascript四舍五入函数代码分享(保留后几位)
2013/12/10 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
JS鼠标拖拽实例分析
2015/11/23 Javascript
浅析Jquery操作select
2016/12/13 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
2020/03/28 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
JS实现带动画的回到顶部效果
2017/12/28 Javascript
新手必须知的Node.js 4个JavaScript基本概念
2018/09/16 Javascript
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
Vue使用NPM方式搭建项目
2018/10/25 Javascript
layui实现checkbox的目录树tree的例子
2019/09/12 Javascript
Node.js控制台彩色输出的方法与原理实例详解
2019/12/01 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
python字符串连接的N种方式总结
2014/09/17 Python
python中的变量如何开辟内存
2018/06/26 Python
django主动抛出403异常的方法详解
2019/01/04 Python
Python PIL图片添加字体的例子
2019/08/22 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
Pycharm最常用的快捷键及使用技巧
2020/03/05 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
Pandas中DataFrame交换列顺序的方法实现
2020/12/14 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
公司领导推荐信
2013/11/12 职场文书
护士找工作求职信
2014/07/02 职场文书
2014年服务行业工作总结
2014/11/18 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
社区服务活动报告
2015/02/05 职场文书
实验心得体会范文
2016/01/25 职场文书
Mac环境Nginx配置和访问本地静态资源的实现
2021/03/31 Servers
go语言中切片与内存复制 memcpy 的实现操作
2021/04/27 Golang