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)



隐式转换

算数运算符
关系运算符
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容