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 div 弹出可拖动窗口
Feb 26 Javascript
javascript 强制刷新页面的实现代码
Dec 13 Javascript
多浏览器兼容的获取元素和鼠标的位置的js代码
Dec 15 Javascript
jquery可见性过滤选择器使用示例
Jun 24 Javascript
js 动态修改css文件用到了cssRule
Aug 20 Javascript
jQuery Ajax中的事件详细介绍
Apr 16 Javascript
JavaScript模板引擎用法实例
Jul 10 Javascript
JavaScript评论点赞功能的实现方法
Mar 13 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
Jan 03 Javascript
jQuery无冲突模式详解
Jan 17 jQuery
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
vue.js封装switch开关组件的操作
Oct 26 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之第一天
2006/10/09 PHP
php正则过滤html标签、空格、换行符的代码(附说明)
2010/10/25 PHP
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
2015/10/09 PHP
Smarty实现页面静态化(生成HTML)的方法
2016/05/23 PHP
详解Yii2 rules 的验证规则
2016/12/02 PHP
laravel5使用freetds连接sql server的方法
2018/12/07 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
JS实现悬浮移动窗口(悬浮广告)的特效
2013/03/12 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
2015/08/21 Javascript
Jquery实现简单的轮播效果(代码管用)
2016/03/14 Javascript
JavaScript几种数组去掉重复值的方法推荐
2016/04/12 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
JavaScript编写九九乘法表(两种任选)
2017/02/04 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
Vue中定义全局变量与常量的各种方式详解
2017/08/23 Javascript
webpack+react+antd脚手架优化的方法
2018/04/02 Javascript
Angular6 正则表达式允许输入部分中文字符
2018/09/10 Javascript
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
tensorflow输出权重值和偏差的方法
2018/02/10 Python
Python列表切片操作实例总结
2019/02/19 Python
Form表单及django的form表单的补充
2019/07/25 Python
Python中join()函数多种操作代码实例
2020/01/13 Python
python实现逆滤波与维纳滤波示例
2020/02/26 Python
python中id函数运行方式
2020/07/03 Python
python批量生成身份证号到Excel的两种方法实例
2021/01/14 Python
应届生求职简历的自我评价怎么写
2013/10/23 职场文书
质量保证书范本
2014/04/29 职场文书
快餐公司创业计划书
2014/04/29 职场文书
计算机网络专业自荐书
2014/06/09 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
2015年乡镇残联工作总结
2015/05/13 职场文书