系统学习 JavaScript 的笔记【1】

JavaScript 在HTML中的标签位置

<!DOCTYPE HTML>
<html>
  <head>
    <title>title</title>
  </head>
  <body>
  <!-- 这里放内容 -->
  /*对于需要加载很多js的页面来说,建议把js的引用放在下方位置,这样可以尽快将页面呈现出来*/
  <script type="text/javascript" src="..."></script> 
  </body>
</html>

延迟脚本与异步脚本的区别

<!DOCTYPE HTML>
<html>
  <head>
    <title>title</title>
    <script type="text/javascript" defer="defer" src="..."></script>   //延迟脚本
    <script type="text/javascript" async src="..."></script>           //异步脚本
  </head>
  <body>
  <!-- 这里放内容 -->
  </body>
</html>

延迟脚本

脚本的加载不会影响页面布局,,可以让页面加载完成后,再加载脚本。

异步脚本

脚本的加载与页面的布局同时进行。

关于JavaScript 嵌入代码与外部文件

  • 可维护性
  • 可缓存
  • 适应未来 ​​​​

注释

  • 单行注释
    // 这就是单行注释
  • 多行注释
    /* 这就是多行注释 */

关键字和保留字

  • 关键字:可以用来对语句进行一些操作。
  • 保留字:不可以用来作为标识符使用。

变量

  • 全局变量:在外部用var定义,或者函数内部不用var定义,但是后者不推荐使用。
  • 局部变量:在函数内部用var定义。

数据类型

可以用typeof()的返回值查看

  1. undefined:定义了对象,但没有初始化值;
  2. boolean:true 可以转换为 1,false 可以转换为 0;
  3. string:字符串类型,单引号,双引号都可以;
  4. number:js中的数字类型
    浮点数
/*对于测试浮点数的结果,不能直接用(x + y == 0.1)类似的方法*/
var FloatNumber = 1.1; 
var FloatNumber = 0.1;
var FloatNumber = .1;      //不会报错,但是不规范
var FloatNumber = 1.0;     //结果是 1
var FloatNumber = 1.;      //结果是 1 

isNaN()

// NaN可以当成为一个数值来理解
// NaN与任何数字进行操作,返回值都是NaN
// NaN与任何数都 不相等 ,包括他自己
// 通过isNaN()的返回值我们可以确认参数是否---不是数值
alert(isNaN(NaN));     //返回值是true 
alert(isNaN(1));       //返回值是false 
alert(isNaN("2"));     //返回值是false 
alert(isNaN("abc"));   //返回值是true 
alert(isNaN(true));    //返回值是false

类型转换

// parseInt() ,parseFloat()可以用来转换数据类型
// NaN与任何数字进行操作,返回值都是NaN
<!--  parseInt的用法 -->
var Type1 = parseInt("");         // 返回的是NaN 
var Type2 = parseInt("123");      // 返回的是123 
var Type3 = parseInt("123abc");   // 返回的是123
var Type4 = parseInt("abc123");   // 返回的是NaN 
var Type5 = parseInt("1011",2);  // 返回的是十进制数,引号里放的是转换成十进制的数,后边的参数是,引号内的进制类型
var Type6 = parseInt(1.1);      // 返回的是1
<!--  parseFloat的用法 -->
var Type1 = parseFloat("");       // 返回的是NaN 
var Type2 = parseFloat("123");    // 返回的是123 
var Type3 = parseFloat("123abc"); // 返回的是123
var Type4 = parseFloat("abc123"); // 返回的是NaN 
var Type5 = parseFloat("1.1");    // 返回的是1.1 
var Type6 = parseFloat("01.1");   // 返回的是1.1 

  1. object:对象,用new来创建,最好带上括号,object();
  2. function:函数
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容

  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,636评论 0 6
  • 第三章 基本概念 3.1 语法 ECMAScript标识符一般采用驼峰大小写格式,也就是第一个字母小写,剩下的每个...
    小雄子阅读 526评论 0 1
  • 最近开始学习的JS,做这个笔记只是为了记录一下自己的学习情况,也算是督促自己每天多看点书。基本都是书上的内容整理了...
    丨ouo丨阅读 272评论 2 1
  • 有人说过,很多弯路到最后都成了直路,所有的坑到最后也都成了坦途;所谓的直路和坦途并不是摆在眼前的,都是不断的的...
    老衲法号一眉道人阅读 1,310评论 0 4
  • 万里心湖平如镜, 一朝风雨一夕情。 红花散去,知了。 往事夕夕, 今朝惊醒, 只叹得孤独一身。 过往昔,梦泡影。 ...
    雨心田阅读 330评论 8 12