第五次网页前端培训笔记（JS基础语法）

最新推荐文章于 2024-08-09 10:42:44 发布
最新推荐文章于 2024-08-09 10:42:44 发布
阅读量358 收藏
点赞数
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52665223/article/details/122847912
版权

使用方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button onclick="alert('Hello World!');">按钮</button>
		<script type="text/javascript">
			alert("这是一个按钮！");
		</script>
		<script src="js/js-1.js" type="text/javascript" charset="UTF-8"></script>
	</body>
</html>

console.log("这是一个外部JS文件！");

基础语法

1.语句注释标识 

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
		console.log("hello");
		console.log("haha");
		</script>
	</body>
</html>

 2.变量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var a;
			a=1;
			console.log(a);
			var b=2;
			console.log(b);
		</script>
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var c;
			console.log(c);
			var aa,bb,cc=10;
			console.log(aa);
			console.log(bb);
			console.log(cc);
			var a=10;
			console.log(a);
			var str="hello world"
			var flag=true;
			console.log(str);
			console.log(flag);
			console.log("true");
		</script>
	</body>
</html>

 3.数据类型

1.Undefined 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var a;
			console.log(a);
			function fn01(str){
				console.log(str);	
			}
			fn01(10);
			function fn02(){
				console.log("...fn02");	
				return 1;
			}
			var b= fn02();
			console.log(b);
			 
		</script>
	</body>
</html>

 2.null

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var num=1;
			var flag=true;
			var str="hello";
			console.log(typeof num);
			console.log(typeof flag);
			console.log(typeof str);
			var aa=null;
			console.log(typeof aa);
			console.log(undefined==null);
			var bb;
			var cc=null;
			console.log(bb==cc);
		</script>
	</body>
</html>

 3.布尔类型

 4.数值类型

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			console.log(1==1.0);
			var n=1+1.0;
			console.log(n);
			console.log(1.0);
		</script>
	</body>
</html>

 5.字符串类型

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var s1='Hello'
			var s2='Hello'
			console.log(s1,s2);
			console.log(s1+s2);
		</script>
	</body>
</html>

 6.对象类型

 

4.类型转换 

1.自动类型转换

 2.函数转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			console.log(parseInt("123abc"));
			console.log(parseInt("abc123"));
			console.log(parseInt("123.4abc"));
			console.log(parseInt("123"));
			console.log("123");
			var a=1;
			var b="2";
			console.log(a+b);
			console.log(a+parseInt(b));
			
			console.log(parseFloat("123abc"));
			console.log(parseFloat("abc123"));
			console.log(parseFloat("123.4abc"));
			console.log(parseFloat("123"));
			console.log(parseFloat("123.4.5"));
		</script>
	</body>
</html>

3.显示转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var =10;
			console.log(aa);
			console.log(aa.toString());
			var cc=1.346;
			console.log(cc.toFixed(2));
		</script>
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var q="1";
			var w="a";
			var e="123zzz";
			var r="123.4";
			var t="123.4.5";
			console.log(Number(q));
			console.log(Number(w));
			console.log(Number(e));
			console.log(Number(r));
			console.log(Number(t));
			
			console.log(Boolean("a"));
			console.log(Boolean(0));
			console.log(Boolean("1"));
			console.log(Boolean(null));
			
			console.log(10)
			console.log(String(10));
			console.log(null);
			console.log(String("null"));
		</script>
	</body>
</html>

菜鸟不是
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第六次网页前端培训笔记（JS基础语法）
m0_52665223的博客
02-10 406
运算符 1.算数运算符 2.赋值运算符 3.比较运算符 4.逻辑运算符 控制语句 1.条件语句 if 语句 if...else 语句 if...else if...else 语句 switch 语句 2.循环语句 for 循环 while 循环 do/while 循环 数组 1.数组的定义 <!DOCTYPE html> <html> <head> &...
第五次网页前端培训笔记（JS基础使用及基本语法）
qq_60225692的博客
02-15 166
第五次网页前端培训笔记（JS基础使用）
qq_62885901的博客
02-09 551
学习网址： 【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili 1.JS学习内容介绍： 2. JS的基本使用 3. JS的基础语法 4.JS的基础语法- 变量 5.JS的基础语法-数据类型 6. JS的基础语法-类型转换（1） 7JS的基础语法-类型转换（2） ...
第一次网页前端培训笔记（Html基础语法和常用标签）
Amazing8848的博客
02-03 476
HTML详细讲解，小白福利
梅科尔工作室-第六次网页前端培训笔记（JS基础语法）
ayaxx1314的博客
02-10 420
前言 本文是JavaScript基础语法中运算符与控制语句、数组、函数的定义与参数、函数的调用、返回值与作用域的学习笔记。 1、 总结
第五次网页前端培训笔记（javascript）
qq_54138079的博客
02-09 407
一，学习网址 【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili 二，安装Hbuilder编辑器 HBuilderX-高效极客技巧 三，学习javascript JavaScript：ECMAScript，DOM，BOM组成 ECMAScirpt（基础语法 ）：描述了该语言的语法和基本对象 DOM(文档对象模型)：处理网页内容的方法和接口 BOM(浏览器对象模型)：浏览器进行交互的方法和接口 js基.
第五次网页前端培训笔记（JavarScript基本语法）
Amazing8848的博客
02-09 445
JavaScript详细讲解，小白福利
第五次网页前端培训笔记——JavaScript
要银河 不要迎合
02-08 145
1.JS的基本使用 1. 简介 JavaScript是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验度等 2.JavaScript的组成 Javascript由ECMAscript、DOM和BOM组成 ECMAScript定义的只是这门语言的基础，与Web浏览器没有依赖关系，而在基础语法上可以构建更完善的脚本语言。JavaScript的运行需要...
第五次网页前端培训笔记（js1）
m0_64150624的博客
02-10 530
1、js的基本使用 2、js的基础语法 1.变量 2.数据类型 3.类型转换 3、学习网址
前端笔记js和vue
09-18
根据提供的文件信息，我们可以归纳出一系列重要的前端技术知识点，这些知识点涵盖了从JavaScript基础到Vue.js的应用，以及HTML5、CSS3、jQuery等关键技术领域。下面将详细解释每一部分的关键知识点。 ### 第1章 JS ...
斑码教育大前端笔记-HTML第二天
10-09
在“斑码教育大前端笔记-HTML第二天”的学习资源中，我们主要聚焦于HTML这一核心前端技术。HTML，全称为HyperText Markup Language，是构建网页的基础语言，它定义了网页的结构和内容。HTML5是其最新版本，带来了...
JavaScript课堂笔记 第三天
07-04
在JavaScript的学习过程中，第三天通常会深入探讨更多核心概念和语法，为后续的前端开发奠定基础。以下是一些关键知识点的详细讲解： 1. **变量和数据类型** - **变量**：在JavaScript中，我们使用`var`, `let`, ...
Python基础语法嵩天笔记.pdf
10-14
Python 基础语法嵩天笔记 Python 基础语法元素： 1. 程序设计基本方法：计算机发展历史上最重要的预测法则是摩尔定律，单位面积集成电路上可容纳晶体管数量约每 2 年翻倍，cpu/gpu、内存、硬盘、电子产品价格等都...
JavaScript 学习笔记之基础中的基础
12-12
JavaScript是Web开发中不可或缺的一部分，尤其对于前端开发者来说，它的重要性不言而喻。这篇学习笔记将带你深入了解JavaScript的基础知识，包括它的组成、主要组成部分的作用，以及如何在HTML中使用`<script>`元素...
略记一次抓取内容后解密及登录的经历
最新发布
深蓝浅蓝的天
08-09 545
从我这个不专业的爬虫工程师来看，爬虫工作是比较看耐心的，尤其是登录和其他的破解环节，一定要相信，从理论上来破的东西，它确实就能破，但确实太考验耐心了。最后再拿下登录返回的token，准备一台手机，自动接收验证码，然后启一个接受短信的服务存到redis，至此登录、请求接口、解密数据全部完成。，key是接口有返回的，但iv对方网站就隐藏的很好，除了这个iv，其他的问题都解决了，加密字符串也成功解密。尤其是解密的代码，调用栈太长了，我水平不够，整整看了2天，才从这种代码中找出了它主要的解密方式，
小程序支付（前端）
weixin_43993121的博客
08-05 754
【代码】小程序支付（前端）
前端面试宝典【CSS篇】【4】
BDawn的专栏
08-06 355
盒子模型是 CSS 中用于描述 HTML 元素布局方式的一个概念。在 CSS 中，每个元素都被视为一个矩形盒子，这个盒子由几个不同的部分组成：内容区（content）、内边距（padding）、边框（border）和外边距（margin）。 box-sizing 属性是 CSS 中的一个重要属性，它用于定义元素的盒模型是如何工作的。 CSS Sprites（也称为 CSS 精灵或 CSS 雪碧图）是一种优化网页性能的技术，它将多个小图像合并成一个单一的大图像文件
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面
水w的博客
08-07 282
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面
前端全栈学习笔记：JS、Vue、HTML5与CSS3深度解析
第1章JS深入探讨了流程控制语句、数组、函数和对象等基础，特别提到了DOM操作，这是JavaScript在网页交互中的核心。还讲解了函数的批量创建对象、原型属性`prototype`、深拷贝数组、内置对象、排序方法`sort`以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值