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实例教程(19) 使用HoTMetal(7)
Dec 23 Javascript
jQuery 可以拖动的div实现代码 脚本之家修正版
Jun 26 Javascript
Mootools 1.2教程 事件处理
Sep 15 Javascript
Dom 学习总结以及实例的使用介绍
Apr 24 Javascript
让新消息在网页标题闪烁提示的jQuery代码
Nov 04 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
js防阻塞加载的实现方法
Sep 09 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
vue事件修饰符和按键修饰符用法总结
Jul 25 Javascript
详解node.js的http模块实例演示
Jul 12 Javascript
解决vue点击控制单个样式的问题
Sep 05 Javascript
在Vuex中Mutations修改状态操作
Jul 24 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 MSSQL 存储过程的方法
2008/12/24 PHP
编写php应用程序实现摘要式身份验证的方法详解
2013/06/08 PHP
destoon实现会员商铺中指定会员或会员组投放广告的方法
2014/08/21 PHP
php防止伪造数据从地址栏URL提交的方法
2014/08/24 PHP
ThinkPHP表单数据智能写入create方法实例分析
2015/09/27 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
浅谈PHP各环境下的伪静态配置
2019/03/13 PHP
捕获关闭窗口的脚本
2009/01/10 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
js获取内联样式的方法
2015/01/27 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
JavaScript DOM操作表格及样式
2015/04/13 Javascript
AngularJS中比较两个数组是否相同
2016/08/24 Javascript
JS常见算法详解
2017/02/28 Javascript
vue的事件绑定与方法详解
2017/08/16 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
js中el表达式的使用和非空判断方法
2018/03/28 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
2019/03/28 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
2019/10/12 Javascript
koa-passport实现本地验证的方法示例
2020/02/20 Javascript
使用python实现回文数的四种方法小结
2019/11/24 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
欧洲最大的婴幼儿服装及内衣公司:Petit Bateau(小帆船)
2016/08/16 全球购物
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
优秀的计算机专业求职信范文
2013/12/27 职场文书
咖啡馆创业计划书
2014/01/26 职场文书
会计专业应届生自荐信
2014/02/07 职场文书
初中班主任评语大全
2014/04/24 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
高校教师个人总结
2015/02/10 职场文书
法律讲堂观后感
2015/06/11 职场文书
python编写函数注意事项总结
2021/03/29 Python
javascript的var与let,const之间的区别详解
2022/02/18 Javascript
浅谈Vue的computed计算属性
2022/03/21 Vue.js