JavaScript-day01(简单介绍与书写)

JS学习笔记

1.JavaScript基本介绍与发展

没啥好说的,看着跟Java有关,其实没有,他就是因为当时Java特别火热所以就蹭了下热度,但也不能不说这个方法贼棒,还有这个语言的强大!中间经历了一系列事(略过。。。)


语言发明人:

Brendan Eich(布兰登)

网景公司Brendan Eich花费了十天创造出来!(帅气)


JavaScript:首先它是一门脚本语言,关于客户端的,而且具有安全性,作用在对象和事件驱动上,所以连接一下,基于对象和事件驱动,并具有安全性能的客户端脚本语言。

注:js用记事本也可以写,不用编译,只要有浏览器就行。

脚本语言与编译语言的区别

主要由三部分组成:ECMAScript核心              DOM(文档对象模型)           BOM(浏览器对象模型)

区别:

2.编写JS及如何运行JS(主要有3种)

第一种:直接在html标签中直接插入(类似于html中style,直接修饰标签,如图1)

图1style用法

显示结果:1.p标签里的文字直接显示红色。图1-1

图1-1


JS书写如图2

图2,js书写(onclick开始)

显示结果:2.单击“鼠标单击”弹出一个警示框显示文字“方法一”如图2-1

图2-1



第二种:在HTML文档中写入script标签代码(类似于css中的内联,如图3)

图3-内联用法,写在head标签里

JS书写如图4,常常写在body底部,增加用户体验感。

图4<script>标签里的

显示结果:图4-1

图4-1




第三种:在*.js文件中写入JS代码,需要先创建一个js文件 ,然后引入(推荐使用,分类明确,类似css里的外联link)

与css外联相同点:都需要创建一个外部文件,然后建立连接。

js


js文件内容

不同点:css外联中link是单标签且写在head里面,js中script标签是双标签可以写在body或head里面,script引入标签里写修饰无效。

JS运行检查:F12键,选择控制台(火狐浏览器)

火狐

代码注释:选中代码,按快捷键Ctrl+?/+键




3.变量及命名规则

var a = 10; (声明了变量a,赋值为10)

var是关键字 a是变量名 =是赋值符号 10是值

变量的命名规则:变量是由数字、字母、下划线(_)和美元符号($)的一种或者几种组成,且不能以数字开头,严格区分大小写。关键字ECMAScript描述了一组特定用途的关键字、保留字,不能用作变量名,例如:If else do while for in 等。



4.变量的类型

1.数值(mumber)、(正数、负数、0、小数)

2.字符串(string)、(“asdf”、'saad')

3.布尔(boolean)、    (true、false只有这两个值)

4.undefined、(只有本身一个值,通常用来判断一个变量是声明了为赋值,还是就没有声明,通俗来说就是看看变量有没有赋值)

5.null、(只有本身一个值,通常用来赋初始值,占位)

6.对象{}    (有属性和方法组成      例:var obj1 = {};)



5.算术、赋值、关系运算符

1、算术运算符

+  -    *    /     %(取余)

2、赋值运算符

=     +=    -=   *=   /=   %=        (例:var a = 10;a += 10;document.write(a);    显示为20)

3、关系运算符

>  <  >=  <=  == (==内部发生了类型转换)

!=    ===  !== (运算结果只有两种 true false)



6.类型转换

分为:显式转换(转型函数)、隐式转换

显式转换:

基础
数据类型(number)

字符串类型直接显示()里的内容

字符串类型(String)

布尔类型,只要数值不为零、不为NaN,字符串不空,都显示为true。

布尔类型(Boolean)



隐式转换

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

推荐阅读更多精彩内容

  • 一、JavaScript基本介绍及发展趋势 JavaScript是一种在浏览器中解释运行的脚本语言,他的解释器被称...
    jiaiqi阅读 195评论 1 0
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,208评论 0 3
  • 第一章 前端三大语言:HTML(专门编写网页内容)、CSS(编写网页样式)、JS(专门编写网页交互行为) 能简写尽...
    fastwe阅读 961评论 0 0
  • 简介 javascript组成 变量的创建与输出 数据的分类(原始类型) 数据的分类(引用数据类型) 声明提前 全...
    余昌帅阅读 191评论 0 0
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 3,899评论 0 0