JavaScript学习

最新推荐文章于 2024-10-15 09:57:04 发布
最新推荐文章于 2024-10-15 09:57:04 发布
阅读量272 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript function html object date java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guxiaoling1107/article/details/4073901
版权

<!--DEMO 1 小技巧-->
<!--<html>
<script language="javascript">
//显示当前系统的时间
//注意最好用注释标签把script代码括起来，这样就能防止旧版本的
//浏览器不支持js而把代码直接作为html代码显示的情况
alert(new Date());
</script>
</html>
-->

<!--DEMO 2 js作为html的属性出现-->
<!--javascript可以用在连接等html标签中，但是要注意
    和直接写不同的是要加JavaScript和：-->
<!--<a href="javascript:alert(new Date());">click once</a>-->

<!--DEMO 3变量定义-->
<!--
<script language="javascript">
var name;//定义变量用var关键字；没赋初值的，这时对话框就会显示undefined
alert(name);
var name="Jerryzhang";//这时就会显示给它的值，就是Jerryzhang
alert(name);
name="Jerry";//由于JavaScript对变量的定义是弱类型的，所以不定义直接使用变量也是可以的
alert(name);
</script>
-->

<!--DEMO 4变量的运算-->
<!--
<script language = "javascript">
var name;//如果没赋初值，那么会显示NaN
name = name+1;
alert(name);

var name = "Jerry";//如果是字符串和数字相加，那么显示结果是两个的拼接，Jerry1
name = name+1;
alert(name);

name = 5;//如果是数字那么会进行数字运算相当于我们算术的加法，结果为6
name = name + 1;
alert(name);
</script>
-->

<!--DEMO 5函数-->
<!--
<script language="javascript">
function people()//用function关键字加函数名就ok了
{
 alert("Hello,this is the first function");
}
people();//调用people（）函数
</script>
-->

<!--DEMO 6构造函数-->
<!--
<script language="javascript">
function people()
{}
var peopleObject = new people();//产生一个对象的方法
peopleObject .name = "Jerryzhang";
peopleObject .age=23;//给对象加一些属性
alert(peopleObject .name + ":" + peopleObject .age);
//结果为Jerryzhang：23
</script>
-->


<!--DEMO 7 this指针和函数的赋值-->
<!--
<script language="javascript">
function people(name,age)//构造函数
{
 this.name=name;
 this.age=age;
 this.show=showMessage;//注意这边赋值的时候不用()
}
function showMessage()//普通函数
{
 alert(this.name + ":" + this.age);
//用this指代就可以实现代码共享，减少代码冗余
//这个用法与java语言不同，java可以省略this，但JavaScript不可以省略this
}
var people1 = new people("Jerryzhang",23);
var people2 = new people("Jessie",23);
/*产生一个对象的方法
并且构造函数是两个参数的构造函数
这样就用时给两个属性都初始化了
*/
people1.show();//调用的时候和普通函数一样要()
people2.show();
</script>
-->

<!--DEMO 8 Object对象-->
<!--
<script language="javascript">
var people1 = new Object();
/*
这样就可以不写构造函数直接声明对象实例，方便
*/
people1.name="Jerry";
alert(people1.name);
</script>
-->

<!--DEMO 9 for循环-->
<!--
<script language = "javascript">
var arr=new Array("1","2","3","4","5");
for(var i=0;arr[i]<arr.length;i++)
{
 alert(arr[i]);
}
</script>
-->

guxiaoling1107
关注
专栏目录
java 申明对象和new一个对象如： People peple和People people=new People()
行走的IT
09-28 2551
首先，new这个关键字是在堆内存中创建一个类的实例（也可以说是一个对象） 而在People people,people只是一个声明，是在栈内存中创建一个People类型的引用，他此时没有指向任何对象。 当我们需要用到一个类中的方法时，就必须先把类创建一个对象，才能使用类中的方法People people=new People()。而只是申明对象是不行的People poeple 是不行的 new
JavaScript学习笔记
俊杰的专栏
04-14 86
&lt;!--DEMO 1 小技巧--&gt;&lt;!--&lt;html&gt;&lt;script language="javascript"&gt;//显示当前系统的时间//注意最好用注释标签把script代码括起来，这样就能防止旧版本的//浏览器不支持js而把代码直接作为html代码显示的情况alert(new Date());&lt;/script&gt;&lt;/html&gt;--..
JavaScript学习总结
qq_53069622的博客
07-08 1951
JavaScript学习总结
19 JavaScript学习：调试
百锦再的博客
04-28 8万+
使用控制台：在浏览器的开发工中的控台输入代码实时查看的函数等信息，帮调试程序4. 使用调试工具一些开环境（）或者浏览器插件提供了专门的调试工具，如Chrome DevTools、Firefox Developer Tools等，可以更，开发者可以发的错误，并及时修复，代码质量和开发效率。使用断点：在浏览器的开发者工具中设置断点，当程序执行到断点处时暂停执行，开发者可以查看当前变量的值、调用栈等信息，帮助定位问题。关键字可以手动触发断点，不需要依赖开发者工具中的设置断点功能，方便在代码中灵活地进行调试。
10 JavaScript学习：函数
百锦再的博客
04-23 7万+
使用 function 关键字：// 函数体使用函数表达式：// 函数体使用箭头函数（ES6）：// 函数体// result 等于 5// result 等于 6。
18 JavaScript学习：错误
百锦再的博客
04-26 8万+
try…catch语句用于捕获可能出现的错误，并在出错时执行相应的错误处理代码。在JavaScript中，try块中的代码是被监视的，如果其中的代码出现了错误，就会立即跳到catch块中执行错误处理代码。try {// 可能会抛出错误的代码throw new Error('这是一个自定义错误！');// 处理错误的代码在这个例子中，try块中的代码是被监视的，如果条件condition为true，就会抛出一个自定义错误对象。
22 JavaScript学习：表单验证
百锦再的博客
04-30 9万+
JavaScript 表单验证是一种常用的前端技术，可以通过编写 JavaScript 脚本来对用户在表单中输入的数据进行验证，确保其格式和内容符合要求。但需要注意，前端验证只能作为一种辅助手段，真正的数据验证应该在后端进行，以确保数据的安全性和可靠性。其原理是在用户提交表单时，触发 JavaScript 函数进行对用户输入数据的验证，以确保其格式和内容符合预期。HTML5引入了一些新的表单输入类型和属性，可以在不编写JavaScript的情况下自动验证用户输入。最好根据具体需求和业务场景进行调整和优化。
26 JavaScript学习：JSON和void
热门推荐
百锦再的博客
05-03 9万+
在 JavaScript 中，JSON 格式是一种常见的数据交换格式，它与 JavaScript 对象有着相似的结构，但在一些细节上有所不同。在 JSON 中，每个键值对由一个名称和一个值组成，名称是一个字符串，值可以是字符串、数字、布尔值、Null、数组或嵌套对象等不同类型的数据。是一个特殊的表达式，通常用于在 href 属性中作为超链接的 URL，以防止页面跳转。在 JavaScript 中，可以使用内置的 JSON 对象提供的方法将 JSON 字符串转换为 JavaScript 对象。
15 JavaScript学习：循环
百锦再的博客
04-25 8万+
JavaScript中的循环语句用于重复执行特定的代码块，直到指定的条件不再满足。条件判断：在每次迭代开始前都会检查的条件，如果条件为真，则继续执行循环体内的代码块；条件判断：在每次迭代开始前都会检查的条件，如果条件为真，则继续执行循环体内的代码块；循环是 JavaScript 中最常用的循环语句之一，它允许在一定次数的循环中重复执行代码块。在这个示例中，无论条件是否满足，循环体内的代码块至少会执行一次。循环更适合在条件为真时重复执行代码块，或者在需要至少执行一次循环体的情况下使用。
13 JavaScript学习：运算符
百锦再的博客
04-25 7万+
JavaScript 中的算术运算符用于执行基本的数学运算，常见的算术运算符包括加法（+）、减法（-）、乘法（*）、除法（/）和求余（%）。：将数字的二进制码向右移动指定的位数，高位补符号位（正数补0，负数补1）。减等赋值（-=）：将右侧的值从左侧的变量中减去，并将结果赋给左侧的变量。加等赋值（+=）：将右侧的值加到左侧的变量上，并将结果赋给左侧的变量。乘等赋值（*=）：将左侧的变量乘以右侧的值，并将结果赋给左侧的变量。除等赋值（/=）：将左侧的变量除以右侧的值，并将结果赋给左侧的变量。
JavaScript学习指南
03-20
JavaScript学习指南 JavaScript，一种广泛应用于网页和网络应用的脚本语言，是互联网上最流行的编程语言之一。它主要用于客户端的交互式网页开发，也可以在服务器端通过Node.js平台进行后端开发。JavaScript与Java...
JavaScript学习指南 高清 PDF
10-20
这份"JavaScript学习指南"高清PDF，无疑为想要深入理解JavaScript的初学者或有一定基础的开发者提供了宝贵的资源。下面，我们将深入探讨JavaScript的一些关键知识点。 1. **基础语法**：JavaScript的基础包括变量、...
JavaScript学习（一）
05-25
JavaScript学习（一） JavaScript是一种广泛应用于网页和网络应用的脚本语言，由 Netscape 的 Brendan Eich 在1995年发明。它主要用于客户端的网页交互，赋予网页动态功能，如响应用户操作、处理数据、与服务器通信...
【JAVA开源】基于Vue和SpringBoot的高校学科竞赛平台
杨荧的CSDN博客
10-10 1468
教师功能有个人中心，题目类型管理，竞赛题库管理，竞赛类型管理，竞赛信息管理，报名信息管理，竞赛评分管理，参赛名单管理，晋级名单管理，获奖名单管理，竞赛总结管理，报销清单管理，成绩申诉管理，参赛信息管理，参赛信息管理，往年成绩管理，获奖情况管理。
使用 Redis 在 Spring Boot 中实现排行榜功能
fudaihb的博客
10-10 1591
在现代的应用程序中，排行榜功能广泛应用于游戏、社交网络、电商等领域，用于展示用户的排名情况。为了在大并发的环境下快速、高效地实现排行榜功能，Redis 提供了强大的数据结构 `Sorted Set`（有序集合），能够以 O(log N) 的时间复杂度进行元素插入和查询，非常适合排行榜这种场景。 本文将详细介绍如何在 Spring Boot 中使用 Redis 实现排行榜功能。我们将介绍 Redis 的 `Sorted Set` 数据结构，结合具体代码演示如何实现排行榜的增、删、查、改，并讨论排行榜的一些
npm 和 npx 的区别和使用场景
Dou_Hua6的博客
10-09 697
自动下载和缓存：如果本地未安装所需包，npx会自动下载并执行，执行完毕后可以选择保留或删除。脚本运行：通过package.json中的scripts字段定义和运行自定义脚本。依赖管理：管理项目的dependencies和devDependencies。简化命令行工具的使用：临时执行命令，避免全局安装带来的版本冲突或污染。npm 全称：Node Package Manager。发布包：将自己的包发布到npm注册表供他人使用。：无需全局安装即可运行npm包中的可执行文件。
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
m0_66584716的博客
10-11 1341
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。 - **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。 - **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个
ECMAScript标准解析及其发展历史与技术演进
最新发布
qq_20245171的博客
10-15 595
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
JavaScript学习资源大全
"JavaScript学习指南" JavaScript，又称为JS，是一种广泛应用于网页和互联网应用的轻量级编程语言，它主要用于客户端的网页脚本编写，使网页具有动态交互性。JavaScript可以操控HTML元素、处理用户输入、操作DOM...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值