JavaScript最基础入门教程

最新推荐文章于 2025-03-15 09:23:22 发布

小赵nb

最新推荐文章于 2025-03-15 09:23:22 发布

阅读量640

点赞数 1

分类专栏： web开发(多语言) 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/xiaozhao_666/article/details/125097264

版权

web开发(多语言) 专栏收录该内容

3 篇文章

订阅专栏

js入门教程

前言

小赵我最近迷上了前段web开发，因为最近用Python开发了个

项目，最后运行的时候

print('上天保佑，程序无bug')

print('佛祖保佑，程序无bug')

print('大佬保佑，程序无bug')

然后......可想而知，这个项目花太多时间了，最后还是bug频频出现

然后默哀0.0000000000000000000000001秒后上优快云搜html高级和js初级，这不就学会了

HTML嵌入js脚本

<! -- 其实html也可以编写js脚本，就像如下操作 -- >
<script>
    alert("hello JavaScript")
    document.write("这就是html嵌入JavaScript")
</script>

芜湖，看来不用C盘红了，VScode下载地址，VScode就几百MB，大小合适，比那个20几个GB的VS2019好太多了

玩归玩，闹归闹，别拿写代码开玩笑，一个单独JavaScript脚本里也可以编写JavaScript脚本，就像一下操作

就是运行......

不过没关系，能写就行，以下代码可以对.js文件进行与.html文件的连接

<script src="你的JavaScript文件路径，如果跟html文件在同一目录或子目录，仅填写文件名或者子目录即可"></script>
//示例
<script src="E://VS/html/my js file1.js"></script>
<script src="my js file1.js"></script>
<script src="js file/my js file1"></script>

语法讲解

一个《小》示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZONGXP</title>
</head>
<body>
<script>
console.log("输出一条日志");//最常用
console.info("输出一条信息");
console.warn("输出一条警告");
console.error("输出一条错误");
</script>
</body>
</html>

运行结果

可以看到这些操作都是在控制台中出现的，html页面无变化......

alert窗口提示

alert("hello world")

简单的一段代码完成了向页面发出窗口提示的动作

运行结果

成功

控制台输出

document.write("向页面输出");
console.log("输出一条日志");//最常用
console.info("输出一条信息");
console.warn("输出一条警告");
console.error("输出一条错误");

运行：

变量

var a//创建变量a
var a = 2//创建变量a并赋值2
a = 3//赋值变量a

结语

这些知识也就只是入门知识，更多内容可阅读文章：学习JavaScript，这一篇就够了