zoukankan      html  css  js  c++  java
  • JS入门(一)

      在学js之前,我们应该先清楚js是什么,js全称JavaScript。是一门基于对象和事件的,有安全性的脚本语言。所谓脚本语言,就是一行一行执行的,就像剧本一样,一句句的往下读。而对象和事件,则是js自带的一些功能。Js也有很多特点,比如解释执行,就是当需要执行的时候才去检查代码是否符合语法规范,一行一行的执行。同时,js也是基于对象的,这里的对象主要是指js的内置对象。

      好了,无聊的概念就到这了。说实在的,我刚学js的时候,看到这些东西就觉得很头大,这都什么跟什么啊,什么脚本语言啊,作为大学打一天到晚在打游戏的我来说,脚本不是外挂吗。不过,学到后来我发现,的确,js对于网页而言,真的跟外挂一样,尤其是学到了DOM之后,js不就是像在开挂一样的修改着html中的内容吗。好了,有点偏离主题了。接下来就说一说一些入门级的js内容。

      在我刚刚学js的时候,第一个学的就是五种输出方式,

    alert();

    document.write();

    console.log();

    confirm();

    prompt();

      首先就是alert();说实在的,要我翻译alert的话我可能还要去查下字典,不过很多时候,在js中,你并不需要很清楚一个单词怎么翻译,重点是要记住他的功能,alert();是用来弹出一个提示框,在括号中可以填写弹出框中要显示的内容。比如alert(“Hello World”);在google中打开是这样的,

     

      然后是document.write();它的用处是在页面中输出一句话,跟alert();一样,它的内容也是写在括号中的。比如document.write("啦啦啦");在页面中就是这样的。

      同样的,console.log()的用法也是一样的,只是输出的时候是在控制台中,就是在打开浏览器的时候按f12,就能跳出控制台了,如果是谷歌浏览器的话,直接点击最上面的console就能看到了。比如输入console.log("招人啦");就会在控制台输出。

      confirm();的用处是弹出一个确认框,confirm跟alert很像,不同的是他有一个一个取消的按钮,而且会返回一个boolean值。

      最后剩下一个prompt();它的用处是用来弹出一个能让用户输入的框,并且返回用户输入的值。

      我知道,第一次看见这五个东西的时候肯定有点蒙。因为...完全不知道这些东西有什么用处啊!!!说实在的,我也觉得这几个东西对于用户来说,的确是没有什么用处了,因为我们平时上网的时候,除了能看到过一些弹出框之外,基本上就没有看到过其他的东西了。很可惜,我们已经不单单是个用户了,我们是要成为那万人敬仰的程序猿,攻城狮的人。所以,这些东西对我们来说,用的很多,也很有用,不过,这几个根本不用去背,因为在后面的学习和开发中,我们会大量的用到这些东西。

      看到这,如果你想去尝试代码的话,你可能会遇到一个问题,就是这些代码要写到哪。是的,我一开始学的时候就是学了这五种输出方式,根本就没有看到代码要写哪,所以,我开始往前翻...。因为,我学的时候看见书前面写的都是介绍JavaScript的历史,就直接跳过了...好吧,吸取教训,看书要从头开始看。

      关于js的历史我就不多赘述了,最为理科生的我来说,这些东西不应该出现在我的文章里面。

      好了,现在讲讲这些代码要写在哪里,现在的开发中,都是提倡结构跟样式分离的,所以在实际开发中,js代码都是写在单独的js文件里的,然后在html中用<script>标签通过src的属性引入进来的。

     

      不过在我们自己在做代码练习的时候,都是直接写在html中的,js的代码都是写在<script>标签中的。

     

      其次是<script>标签要放置的位置,正常情况下,我们都把<script>标签放在<head>标签中。当然,放在body标签中也不会出错,只是不提倡这种做法,因为,这样放就会让页面结构混乱,如果你的html页面已经写好了,并且用了很多标签,这时候你把script标签放在里面,到时候找起来就有你哭的时候了。

    学完了这些之后,就应该学学变量了。

      简单来说,变量就是容器,容器里装着数据。对于刚刚入门的人来说,了解到这个程度就足够了,到了后面我们会知道变量真正来说存储的是指向存储数据的位置。如果能理解这句话是最好的,但如果不能理解,也没有什么关系。

    知道了变量是什么后,要了解变量的命名规范,变量的命名规范有五点:

    1 取值的范围:字母、数字、下划线、$

    2 不能使用数字开头

    3 不推荐用中文命名,推荐使用有意义的单词命名

    4 严格区分大小写

    5 不能使用保留字和关键字

    看完第五点你肯定很好奇什么是保留字和关键字:

    关键字:有特殊功用的单词就叫做关键字;

    保留字:关键字的候补队员,现在还不是关键字,将来有可能成为关键字;

    然后具体的是哪些呢?下面这些都是。

      

      是不是看见这些都要疯了,难道都要背下来吗,怎么可能,作为一个理科生,这不是要我命吗,说实在的,其实根本都不用担心第五种这样的情况,因为你命名的时候基本上是不会想到这些的。你只要大概眼熟一下这些单词就足够了。

      其次,就是如果定义变量。

      JavaScript是弱语言类型的,什么叫弱语言类型呢?就变量来说,就是在定义变量的时候,不考虑变量是什么数据类型的。所以在JavaScript中,变量都是用var关键字定义的。

    比如要定义一个叫num的变量,我们就可以写成;

    var num;

      定义好了变量,就要给变量赋值,在赋值的时候,就不得不提一下数据类型了,JavaScript中,数据类型分为简单类型跟复杂类型,这里我就提一下简单类型,简单类型分五种,intstringbooleannullunderfined。在给变量赋值的时候,主要是赋值的类型是前三种,就是intstringboolean。这三种分别是数字类型,字符串类型跟布尔类型。数字类型就包括所有的数字,整数、小数、正数、负数。用双引号或者单引号包起来的都是字符串类型。而布尔类型表示的是条件是否成立,他只有两个值:true和false。所以变量的赋值就可以这么写:

      var num=123;

      var name=”Hello World”;

      var flag=true;

      到这里,变量的基础基本上就完成了。

  • 相关阅读:
    关于JS系列题材
    《项目整体管理》提纲
    Linux使用java -jar启动会自动停止问题(如何使jar在linux上一直运行)
    linux系统下查看端口被占用情况,并且杀掉进程
    CentOS7.X 下安装MySQL8.0(附文件)
    CentOS7.x 防火墙命令总结
    Spring Data Elasticsearch自定义方法的各类约定、写法!
    Mysql8.0数据库url时区问题,时间对应不上
    SpringBoot整合WebMagic一次踩坑记录:java.lang.IncompatibleClassChangeError: null
    HttpClient抓取数据出现java.net.URISyntaxException: Expected authority at index 8: https://
  • 原文地址:https://www.cnblogs.com/wqc5730/p/5712799.html
Copyright © 2011-2022 走看看