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页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
不同Jquery版本引发的问题解决
Oct 14 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
第一次接触JS require.js模块化工具
Apr 17 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
详解html-webpack-plugin用法全解
Jan 22 Javascript
玩转vue的slot内容分发
Sep 22 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 01 Javascript
如何让vue长列表快速加载
Mar 29 Vue.js
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中去掉字符串首尾空格的方法
2012/05/19 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(二)
2014/06/23 PHP
PHP实现链式操作的核心思想
2015/06/23 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
javascript学习笔记(十一) 正则表达式介绍
2012/06/20 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
2014/04/10 Javascript
jquery马赛克拼接翻转效果代码分享
2015/08/24 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
javascript冒泡排序小结
2016/04/10 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
react 移动端实现列表左滑删除的示例代码
2019/07/04 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
基于Python开发chrome插件的方法分析
2018/07/07 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
Python 互换字典的键值对实例
2019/02/12 Python
python redis 删除key脚本的实例
2019/02/19 Python
python通过paramiko复制远程文件及文件目录到本地
2019/04/30 Python
用python写测试数据文件过程解析
2019/09/25 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
Linux文件系统类型
2012/02/15 面试题
优秀导游先进事迹材料
2014/01/25 职场文书
退休感言
2014/01/28 职场文书
个人委托书怎么写
2014/04/04 职场文书
校园安全广播稿范文
2014/09/25 职场文书
副总经理岗位职责范本
2014/09/30 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
文员岗位职责
2015/02/04 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
2016教师校本培训心得体会
2016/01/08 职场文书
党员公开承诺书2016
2016/03/24 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
Window server 2012 R2 AD域的组策略相关设置
2022/04/28 Servers