JS的认知了解

一、JS

(1)什么是JS

JS 全名“ Javascript ”事件驱动式的编程语言(所有的事件)都会有功能来回应,在浏览的所有操作都被称为事件。

(2)为什么使用JS

1、表单验证(可以让数据是否合法应用)

2、跟客户可以进行交互

3、可以做网页特效,比如:贪吃蛇、2048、打地鼠。

二、如何写JS代码

(1)第一种方式:行内JS,写在HTML标签里面。

 <div onclick="alert('让你点就点啊')">点我</div>

在页面会有一个点我的文字,我们点击会出现一个警告框; onclick(点击)alert(警告框)

(2)第二种方式:內嵌样式(跟我们学css的意思差不多)

使用一对“ script ”标签,script标签可以放在任何位置,就像我们用的css标签放在代码head里面,普通标签放在代码body里,切记一点:“script标签尽量放在body结尾处上面”。这样代码在运行我们命令的时候不会让我们加载错误。

<script>
       alert('刚刚好就是作业')
</scrpit>

(3)第三种方式:外键JS(可以引入其他的JS文件进行更改)

在原有的script里面加上src链接js文件

 <script src=" 内容">
        alert('警告框内容')
 </script>

sceip t加上 src 属性,则 srcpit 标签里面不可以在添加内容。

三、JS的输入方式

(1)警告框(’单引号+内容‘)

alert('  ')

输入内容是字母或者中文要加上引号

(2)在文档中添加内容

document.write(内容)

(3)往内部写文本

innerText/innerHTML
如:<div id="aa"></div>
   <script>
   aa.innerText='内容';
   innerText会将标签当成普通文本使用
   
   innerHTML='<h1>内容</h1>
   inneHTML解析文本,可以使用标签

   inneHTML在script同时使用会覆盖掉innerText
   HTML和Text必须大写

(4)在控制台里面输入内容

console.log(内容)

经常在调试代码中使用

四、JS的语法

(1)语句后面记得加分号 ;

(2)  注释:单行注释//内容,用ctrl+/。多行注释内容,用/* 内容*/。

(3)变量:

  1、什么是变量:(容器)。储存某些值的内容,为了区分各种容器,给容器加上ID。

   变量名=变量值

   2、变量名的要求

  {1} 不能以数字开头命名

  {2} 不建议用中文来命名

  {3} 只能用字母、数字、下划线、来命名,但是数字不能开头,可以跟在字母后面

  {4} 严格区分大小写,如A和a是两个不同的变量

  {5} 不能使用js提供的关键词来写变量名。

  用ver开头表示变量

五、变量值的类型

提醒一下:typeof(  )获取类型 console.log(typeof(   ) );在控制台查找类型

1、数值类型 number

以数值为变量值的

 // 数值类型 number
    var a=3;
    console.log(typeof(a))

  2、字符串类型 string

 加上引号的,就是字符串类型

  // 字符串 string
    var a='123'
    console.log(typeof(a))

引号不能嵌套自己,可以互相嵌套

3、布尔类型 bool 

判断真假的变量,真( true )、假( false )

  // 布尔类型  bool

    // 真(true)
    console.log(10>8);
    10大于8是正确,控制台直接显示true

    // 假(false)
    console.log(88<33);
    88小于33是错误,控制台直接判断是假的false

4、未定义类型 undefined


    // undefined  未定义
    var r;
    console.log(typeof(r));

如果定义变量时,没有值的情况下,变量值会默认的值就是 undefined

5、空类型   null

 // null 空类型
    var bb=null
    console.log(typeof(bb))

可以用于释放变量内容,删除内容变量

如果明确表示这个变量没有值时,就可以命名为null

注意:undefined经常未定义,是被默认为有值undefined;而null是没有任何值。

okk,今天了解了什么是JS和变量值以及类型,收获了一天的成果,继续努力吧!!!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值