原生js之最最基础

190 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

JS引入三方式

1.外部文件(两个script标签中间不能写其他东西!)

<script src="001.js"></script>

2.HTML元素内

<input type="button" value="good" onclick="alert('right!')"> 

3.和style标签类似的写在head标签内

<script>
        alert('ggg');
</script> 

输入输出语句

1.alert(''); 弹出警示框,只有显示功能,没有其他 2.console.log(''); 控制台显示,属于日志的 3.prompt(''); 弹出一个输入框

变量

概念:转数据的容器 变量的声明

var age;
age = 10;
// var age = 10;
// var agea = 11,ager = 12,agh = 18;
console.log(age);
<script>
      var myname = prompt('your name')
      alert(myname);
</script>

在这里插入图片描述

数据类型

数字型

JavaScript属于弱类型(动态语言),意味着不用提前声明变量的类型,程序运行时才知道,也就意味着变量的数据类型可变 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 isNaN();这个方法判断是不是数字,是的话返回flase,不是的话返回true

字符串

推荐使用单引号来和HTML中区别 在这里插入图片描述 在这里插入图片描述 转义符

\n  换行   
\t	tab缩进

字符串长度

var str = 'good is bad!';
console.log(str.length);

字符串拼接 字符串 + 任意类型来拼接

console.log('good'+'is'+'bad'+18+true);
//数值相加,字符相连
var age = 10;
console.log('myyear'+ age + 'old');
//这样的话变量易改
console.log(undefined + 'pink');
//输出undefinedpink
console.log(undefined + 15);
//输出NaN
var space = null;
console.log(space + 'good')
//输出nullgood
console.log(space + 1);
//输出1
获取变量数据类型
var num = 10;
console.log(typeof num);
var str = 'sying';
console.log(typeof str);
//prompt 取的值是字符型
数据类型转换

转为字符串 在这里插入图片描述 在这里插入图片描述

var num = 10;
console.log(num.toString());
console.log(String(num));
console.log(num + '');`

转为数字型

//两个重点
console.log(parseInt('3.78'));
console.log(parseInt('190px'));//单位会去掉
console.log(parseFloat('3.2891'));
console.log(parseInt('rem120px'));//输出NaN

在这里插入图片描述 转为布尔值 在这里插入图片描述