设为首页 加入收藏

TOP

web前端篇:JavaScript基础篇(易懂小白上手快)-1(一)
2019-09-17 18:58:43 】 浏览:119
Tags:web 前端 JavaScript 基础 易懂 小白 上手

详细内容:

0.java script的引入

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<!--行内js-->
    <p id="" class="" style="" onclick="console.log(2);">mjj</p>
<!--内嵌-->
<script type="text/java script">

    //js代码


</script>
    <script type="text/java script" src="js/index.js"></script>

</body>
</html>

1.第一个java script

1.alert语句

  • 用途:弹出警告框。

        <script>
            alert('你好')
        </script>

2.注释:

  • java script对换行,缩进,空格不敏感。

  • 单行注释(ctrl +/)

    //我是单行注释
  • 多行注释(ctrl+shift+/)

    /*
    多行注释1
    多行注释2
    */

3.console.log('')

  • 控制台输出。

        <script>
            console.log('hello world!');
        </script>

4.prompt()语句

  • 弹出能够让用户输入的对话框

        <script>
            prompt('今天天气如何?')
        </script>

  • prompt()语句中,用户不管输入什么内容,都是字符串。

  • alert和prompt的区别

    alert('今天天气如何?');//直接使用,不需要变量
    var a = prompt("请输入一个数字");//必须用一个变量,来接收用户输入值

2.变量

1.变量的定义

  • var是英语“variant”变量的缩写。后面要加一个空格,空格后面的东西就是“变量名”。
    • 定义变量:var就是一个关键字,用来定义变量。所谓关键字,就是有特殊功能的小词语。关键字后面一定要有空格隔开。
    • 变量的赋值:等号表示赋值,将等号右边的值,赋给左边的变量。
    • 变量名:我们可以给变量任意的取名字。

2.变量的写法:

var a = 100;
console.log(a);//输出100

3.变量命名规范:

  • 变量名有命名规范:只能由英语字母、数字、下划线、美元符号$构成,且不能以数字开头,并且不能是java script保留字,如下:

    abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto
    implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

3.变量的类型

1.数值型:number

<script>
    var a= 100;
console.log(typeof a);
</script>
//number
  • 通过typeof()表示“获取变量的类型”,语法:typeof 变量

2.字符串型:string

    <script>
        var a = "abcde";
        var c= '1234';
        var d = '哈哈';
        var e = '';   //空字符串
        
        console.log(typeof a);//string
        console.log(typeof c);//string
        console.log(typeof d);//string
        console.log(typeof e);//string

    </script>

3.Boolean布尔值

  • 为JS中的Boolean的值也只有2中:true和false。他们通常被用于在适当的代码之后,测试条件是否成立,比如 3 > 4。这是个表达式,我们都知道3是不会大于4的,所以返回了false。

    3>4;//false
    4>=3;//true

4.字符串拼接

  • 通过+拼接:

    <script>
    console.log('我'+"爱"+"吃"+"饭")
    </script>
    //我爱吃饭
  • 通过$和tab上面键拼接

        <script>
            var name = 'jk' , age = 20;
            var str = `${name}今年是${age}岁数了`;
            console.log(str);
        </script>
    //jk今年是20岁数了

5.数学运算符

  • java script有一套可用的全功能的数学功能,接下来我们就重点来学习java script中的数学运算吧。

  • 算数运算符

运算符 名称 作用 示例
+ 加法 两个数相加。 6 + 9
- 减法 从左边减去右边的数。 20 - 15
* 乘法 两个数相乘。 3 * 7
/ 除法 用右边的数除左边的数 10 / 5
% 求余(有时候也叫取模) 在你将左边的数分成同右边数字相同的若干整数部分后,返回剩下的余数 8 % 3(返回 2,将8分成3份,余下2 。)
5 + 4 * 3;
num % 8 *num;
  • 运算符优先级

  • java script中的运算符优先级与数学运算符优先级相同—乘法和除法总是先完成,然后再算加法和减法。

  • 递增和递减运算

    • 增量(++)或递减(--)
    var x = 3;
    x++;//相当于x = x + 1
    • 常见如下:
运算符 名称 作用 示例 等价于
+= 递增赋值 右边的数值加上左边的变量,然后再返回新的变量。 x = 3;x += 4; x = 3;x = x + 4;
-= 递减赋值 左边的变量减去右边的数值,然后再返回新的变量。 x = 6;x -= 3; x = 6;x = x - 3;
*= 乘法赋值 左边的变量乘以右边的数值,然后再返回新的变量。 x = 2;x *= 3; x = 2;x = x * 3;
/= 除法赋值 左边的变量除以右边的数值,然后再返回新的变量。 x = 10;x /= 5; x = 10;x = x / 5;
//第一题:
<script>
        va
首页 上一页 1 2 3 4 5 6 7 下一页 尾页 1/7/7
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇《高性能javascript》随笔 下一篇js input radio点击事件

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目