您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

初识JavaScript的基础

51自学网 2022-02-21 13:39:05
  javascript

一、JavaScript的书写位置

一般分为三种:行内、内嵌、和外

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <!-- 2.内嵌式的js -->    <script>        alert('弹出')    </script>    <!-- 3.外部的js -->    <script src="outside.js"></script></head><body>    <!-- 1.行内式的js,直接写在元素内部 -->    <input type="button" value="button" onclick="alert('我是一个按键')"></body></html>

二、JavaScript常用的输入输出语句

1.浏览器弹出警告框:

alert(msg)

2.浏览器控制台打印输出信息:

console.log(msg)

输出信息在F12中的console可以看到

3.浏览器弹出输入框,让用户可以输入:

prompt(info)

三、变量

1.变量的使用:

1.声明变量 2.赋值

js的数据变量类型在程序运行时根据等号右边的值来进行确认

         var a;//声明变量a         a=1;         alert(a)

2.读取输入的值(cin>>)

 <script>        var a = prompt();        // a=1;        alert(a);     </script>

3.JavaScript中数值的最大最小值、无穷

Number.MAX_VALUE Number.MIN_VALUE

Infinity -Infinity

4.使用isNaN来判断是否为数字

isNaN(11) 返回false 不是数字返回true

5.typeof检测变量数据类型

<script>    var num =10;    console.log(typeof num);//检测num的数据类型</script>

6.数据类型转换

6.1转换为字符串

//1. toString()var num=1;alert(num.toString());//2.String()强制转换var num = 1;alert(String(num));//3.加号拼接字符串var num = 1;alert(num+"字符串");

6.2转化成数字型

    <script>        // 1.parseInt 得到的是整数        var age = prompt("input your age");        console.log(parseInt(age))        // 2.parseFloat 得到的是浮点数        console.log(parseFloat(age));        // 3.Number()强制转换        console.log(Number(age));        // 4.利用算数运算 - * /都可以        console.log('12'-0);        console.log('12'-'10')//输出为数字型的2    </script>

6.3转化为布尔型

使用Boolean()函数

代表空、否定的值会被转换为 false ,如
下载地址:
vue利用vue meta info设置每个页面的title与meta信息
浅谈Vue3的几个优势

万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。