第一次JS课程

Javascript是什么,能干什么?

一个网页的结构,是通过html决定的
脑袋,手脚,身体
Css决定了这个网页的表现
是高还是矮,是胖还是瘦,是黑还是白
这个网页的行为是通过JavaScript决定的
走路,跑步,眨眼睛

JavaScript的使用

在前端开发中,JavaScript不能单独运行(除非是单独安装了JavaScript的运行环境)
JavaScript必须挂载在网页上
说羊毛出在羊身上
Html就是🐏,JavaScript就是羊毛
Html引入JavaScript代码,有两种方式

方式一:内部引用

使用script标签,把JavaScript代码包起来
在这里插入图片描述
注意:内部引用的话要把代码放在网页的最下层
因为代码的运行是从上到下的
而JavaScript是没有样式的,我们看不到它
所以说如果把代码放在网页最上方的话就会造成因编译JS代码导致的网页加载

方式二:外部引用

在这里插入图片描述
在html文件中引入js文件
在这里插入图片描述
注意,外部引用的时候,一般来说都是放在的外面,也就是说上面或者下面都可以
在企业开发中,一般都使用外部引入,这样做html与JavaScript是分开的
有利于分工合作,更方便后期的维护

程序设计的基础

变量
在这里插入图片描述

变量的命名
规则:
(1) 一般情况下,变量名由大小写字母与数字组成,也可以使用 $ , _特殊字符;
(2) 但是呢,变量名是不能以数字开头的,这样会与八进制或十六进制冲突
(3) 关键字不能用,关键字这个名字已经被JavaScript内部使用了
规范:
(1) 起名要见名思义,看到名字就知道这个变量是用来干嘛的
(2) 要使用英文单词,不要去使用拼音,也不要使用中文
(3) 小驼峰:第一个单词以小写字母开始;从第二个单词开始以后的每个单词的首字母都采用大写字母。
例子:myFirstName
关键字:在这里插入图片描述
数据类型
字符串string
字符串是以单引号或双引号括起来的任意文本
‘asd’ “zhangsan”+”feng”
数字number
数字:整数和小数,但在JavaScript里不区分整数与小数,统一number
10进制,2进制,8进制,16进制都算数字
布尔类型boolean
Boolean里面值只有两个,true/false,表示真或者假
未定义undefined
因为JavaScript中变量的类型是由它的值来决定的,如果一个变量没有给值,那它就是未定义。
判断类型:typeof
对象类型
对象类型是很复杂的一个类型
怎么去描述一个人,这个人有身高,体重,年龄,这时候就需要一个对象属性
一切皆对象,对象包含属性的
人对象:身高,体重,年龄。。。。。。
狗对象:名字,花色,年龄。。。。。。
学生对象:学号,班级,成绩。。。。。。
对象的定义:
在这里插入图片描述
如何访问对象:
对象名称.属性名
注意:创建对象时对象属性用逗号分割,而不是分号
最好在代码的开始就声明所有变量

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值