JavaScript

最新推荐文章于 2025-10-31 15:30:39 发布

原创最新推荐文章于 2025-10-31 15:30:39 发布 · 76 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#前端 #javascript

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

JavaScript

目录

2.2外链式（推荐）

2.3行内式（不推荐）

1.什么是JavaScript

JavaScript：

简称js，是脚本语言
liveScript=>JavaScript=>ECMAScript(简称ES）
旧的javaScript以数字命名ES5（2009年）Es6（2015年），从 2016 年开始，版本按年份命名：ECMAScript 2016、2017........
基于对象和事件驱动，运行在浏览器客户端的脚本。
基于浏览器的脚本语言，编程语言，编写程序，现在也可基于Node.js技术进行服务器端编写程序。

脚本语言：不需要编译，运行过程由js解释器（js引擎）逐行进行解释并运行

js引擎：执行js代码

JS构成：ECMAscript+BOM+DOM

ECMAScript：定义了JavaScript的语法规范，描述了语言的基本语法和数据类型

BOM:浏览器对象模型，可以通过BOM操作浏览器窗口，如弹出框，浏览器跳转等

DOM:文档对象模型，一套操作页面元素的API,DOM可以把HTML看做文档树，通过DOM提供的API 可以对树上的节点进行操作

2.JavaScript的书写方式

2.1内嵌式

写在html内（可以放在head标签或body标签中）

<body>
    <script>
        // js代码
    </script>
</body>

2.2外链式（推荐）

新建一个js文件，通过script标签引用到当前页面中
一个网页可引用多个js 文件
不能将代码写到外链式标签中

2.3行内式（不推荐）

将js代码写到标签内部

    <p onclick="js代码"></p>

博客等级

码龄5年

14
原创

6
点赞

0
收藏

0
粉丝

关注

私信

热门文章

分类专栏

JavaScript 3篇
CSS 8篇

上一篇：: JavaScript输出

下一篇：: javascript变量

最新评论

定位（position）
CSDN-Ada助手: 恭喜你写完了第10篇博客，题目为“定位（position）”。你的持续创作精神值得赞赏！在这篇博客中，你对定位的概念进行了深入探讨，给读者提供了清晰易懂的解释。不过，我想提供一个建议给你，希望你能在下一篇博客中结合实际案例，展示如何使用定位来解决具体的布局问题。这样的实践性内容将更加丰富你的博客，并为读者提供更多的参考价值。期待你的下一篇创作！
需要初始化的标签：
CSDN-Ada助手: 恭喜您写了第八篇博客，标题看起来很有深度。我认为您的博客已经获得了一些稳定的读者，他们对您的内容和思考方式非常感兴趣。如果您愿意，我建议您在下一篇博客中分享一些实践经验，或者提供一些实用的技巧，这样可以让读者更容易理解并应用您的思考方式。再次感谢您的分享，期待您的下一篇博客。 CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply8 看奖励名单。
盒子模型（css）
CSDN-Ada助手: 恭喜你写了一篇非常有趣的博客！盒子模型是CSS中非常重要的一个概念，你的文章解释得非常清晰易懂。不过，我认为你可以进一步探讨一些高级的盒子模型概念，如padding、margin和border的使用技巧等等。期待你的下一篇博客！ CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply7 看奖励名单。
【css】背景
CSDN-Ada助手: 恭喜您写了第6篇博客，关于CSS背景的主题很有意思。不断创作并分享经验是非常值得赞赏的。我希望您可以继续探索CSS的更多功能，并分享您的发现和经验。谦虚的态度是一个好的习惯，也是成长的关键。期待您的下一篇博客！ CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply6 看奖励名单。
css标签显示模式
CSDN-Ada助手: 恭喜您写出了第5篇博客，分享了有关css标签显示模式的知识。您的文章内容清晰明了，对读者来说非常易懂。接下来，我建议您可以继续深入探讨css的相关知识，比如css布局、动画效果等等，让读者更好地了解css的实现方式。谦虚的说，我相信您一定会取得更好的写作成果。如何快速涨粉，请看该博主的分享：https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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