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阻止事件冒泡 event.stopPropagation
Dec 11 Javascript
intro.js 页面引导简单用法 分享
Aug 06 Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
Jul 09 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
Aug 02 Javascript
老生常谈js中的MVC
Jul 25 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
Dec 19 Javascript
JavaScript 跨域之POST实现方法
May 07 Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 Javascript
Vue.js中对css的操作(修改)具体方式详解
Oct 30 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
Dec 28 Javascript
React学习之JSX与react事件实例分析
Jan 06 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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
php中用memcached实现页面防刷新功能
2014/08/19 PHP
php获取twitter最新消息的方法
2015/04/14 PHP
Smarty变量用法详解
2016/05/11 PHP
php版微信自动登录并获取昵称的方法
2016/09/23 PHP
PHP实现表单提交时去除斜杠的方法
2016/12/26 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
验证码按回车不变解决方法
2013/03/29 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
2013/05/13 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
javascript每日必学之封装
2016/02/23 Javascript
简单的渐变轮播插件
2017/01/12 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
2017/04/26 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
2019/11/29 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
Python中字典(dict)和列表(list)的排序方法实例
2014/06/16 Python
python测试mysql写入性能完整实例
2018/01/18 Python
Tensorflow卷积神经网络实例
2018/05/24 Python
HTML5时代CSS设置漂亮字体取代图片
2014/09/04 HTML / CSS
TOWER London官网:鞋子、靴子、运动鞋等
2019/07/14 全球购物
abstract是什么意思
2012/02/12 面试题
销售人员个人求职信
2013/09/26 职场文书
大学生实习期自我评价范文
2013/10/03 职场文书
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
喜之郎果冻广告词
2014/03/20 职场文书
秘书英文求职信
2014/04/16 职场文书
人事任命书范文
2014/06/04 职场文书
司法局群众路线教育实践活动开展情况总结
2014/10/25 职场文书
元旦晚会主持词开场白
2015/05/28 职场文书
企业反腐倡廉心得体会
2015/08/15 职场文书
2019优秀干部竞聘演讲稿范文!
2019/07/02 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL