JavaScript概述

最新推荐文章于 2023-06-17 16:44:40 发布

端脑

最新推荐文章于 2023-06-17 16:44:40 发布

阅读量359

点赞数

分类专栏：前端文章标签： JavaScript概述

本文链接：https://blog.csdn.net/qq_43776742/article/details/103464741

版权

前端专栏收录该内容

90 篇文章 2 订阅

订阅专栏

前端技术

HTML ----- 负责页面结构
CSS ----- 负责页面样式
JavaScript ----- 负责页面行为

JavaScript特点：

跨平台弱类型基于对象函数式编程

JavaScript组成部分：

ECMAScript ：描述了该语言的语法和基本对象。
文本对象模型（DOM）：描述了处理网页的方法和接口。
浏览器对象模型（BOM）：描述了与浏览器进行交互的方法和接口。

JS简单用法：

文本输出：

弹窗显示：

alert(“弹窗显示”);
控制台显示：

console.log(“控制台显示”);
console.dir()可以显示一个对象所有的属性和方法。
网页中显示：

document.write(“网页中显示”);

JS中变量的定义

var 变量名 = 值;

JS中的数据类型

数字类型
字符串类型
布尔类型
undefined ---- 当变量没有被赋值
null ---- 空
object ---- 引用类型

运算符

简单的小案例：

此案例简单介绍了，JS的基本输入与输出的用法：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
	<script type="text/javascript">
	    // prompt()弹出提示输入框 用户输入值按确定num就会接受到用户输入的值 num类型为字符串
	    /*var num = prompt("请输入一个三位数");
	    num = parseInt(num) + 1;
	    alert(num);*/
	    // 一个三位数 百  十  个的数
        var num = prompt("请输入一个三位数");// 定义一个变量赋值一个三位数
        num = parseInt(num);
        var hund,ten,dig;// 分别记住百位 十位 个位
        // 246/100----->2.46 parseInt(参数)
        // 246/10  24.6---->24----->4
        //  246%10------>6
        hund = parseInt(num/100);
        ten =  parseInt(num/10)%10;
        dig = num%10;
        alert("百位上的数为"+hund+"十位上的数为"+ten+"个位上的数为"+dig);
	</script>
</body>
</html>

不同类型之间的转换

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

	<script type="text/javascript">
	    // parseInt("123")----->123
	    console.log(parseInt("QQ123"));
	    console.log(parseInt("123.99")); 
	    // 从左到右直到遇到第一个非数字字符为止,把第一个非数字字符前面的保留下来
	    console.log(parseInt("123.99abc")); // 123
	    console.log(parseInt("12rd3.99")); // 12

	    console.log(parseFloat("123.99"));// 123.99
	    console.log(parseFloat("123we.99")); // 123
	    console.log(parseFloat("aa123.99")); // NaN
	    console.log(parseFloat("123.9O9"));// 123.9

	    // Number()  把其他类型转数字
	    console.log(Number(true));// 1
	    console.log(Number(false));// 0
	    console.log(Number("23.456"));// 23.456
	    // Number必须要求字符串是纯数字的字符串，假如含有其他非数字或非小数点的字符则统一结果是NaN
	    console.log(Number("aa23.456")); // NaN

	    // Boolean() 把其他类型转成布尔值
	    //alert(Boolean("")); // false
        //alert(Boolean("1245")); // true
        // alert(Boolean(123));// true 非0数字转true
         alert(Boolean(0)); // false 

         var i = 8;
         //i = ""+8;
         i = i.toString();
         alert(i);
		// isNaN() 
	   /*console.log(isNaN("667jh"));// true
	   console.log(isNaN("123")); // 纯数字字符串转数字 false
	   console.log(isNaN(22.34)); // false*/

	   // eval() 执行js表达式
	   // eval("alert('ok')"); 
	   // var num = 2;
	   // alert(eval("num+4"));

	   // ==  === 
	   console.log(null == undefined); // true
	   console.log(undefined == null); // true
	   console.log("hello" == true); // 其他任何类型 vs 布尔类型  true转成1 false转成0  所以变成 "hello" 1  NaN  1
	   console.log("hello" == false); // false  NaN 0
	   console.log("1" == true); // true "1" == 1
	   console.log("1a" == 1); // false NaN == 1
	</script>
</body>
</html>

返回目录

端脑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript概述

前端技术HTML ----- 负责页面结构CSS ----- 负责页面样式JavaScript ----- 负责页面行为JavaScript特点：跨平台弱类型基于对象函数式编程JavaScript组成部分：ECMAScript ：描述了该语言的语法和基本对象。文本对象模型（DOM）：描述了处理网页的方法和接口。浏览器对象模型（BOM）：描述了与浏览器进行交互的方法...
复制链接

扫一扫