JavaScript前端开发（第一章）

最新推荐文章于 2024-11-12 11:19:19 发布

柯壶

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量56

点赞数

文章标签： javascript 开发语言 eclipse

本文链接：https://blog.csdn.net/2302_79631773/article/details/132787986

版权

一、什么是JavaScript
Java和JavaScript的关系就好像老婆和老婆饼的关系，没有关系。
非要说关系：都是编程语言。

二、JavaScript是Web开发领域中的一种功能强大的编程语言，主要用于开发交互式的网页。
简称JS
网页的组成：
三、一个完整的网页由三部分组成：
HTML （网页的主体部分）
CSS （美化的主体部分）
JavaScript （实现业务逻辑和页面控制）
以上的举例说明：
网页中最常见的无非就是登陆页面。
HTML无非就是账号框，密码框，登陆按钮。
CSS无非就是美化上述内容。
JS就是当用户点击登陆按钮，获取账号和密码框的内容，去后台进行校验，判断是否账号密码匹配，然后做出相对于的反馈。

四、JS的三大组成：
第一部分：核心语法（JS代码）
第二部分：DOM文档对象模型（JS可以控制HTML元素进行相关的操作）
第三部分：BOM 浏览器对象模型（JS可以控制浏览器元素进行相关的操作）
浏览器元素：弹窗。浏览器的宽高，滚动条等等。

五、JS的特点：
简单易用（只需要用户安装浏览器即可使用）
跨平台和上述一样。
支持面向对象

六、JS常见的开发工具
常见的两大开发工具 VSCode HBuilderX
优点 1什么语言都可以用它编写 1.专注于前台设计

缺点 1.第一个优点导致的问题：界面设计不合理， 2.功能较少

安装的插件需要很多。需要联网等

七、HBuilderX创建项目的HelloWorld
下载安装包并解压，将HbuilderX.exe生成快捷方式在桌面。
左上角：文件---新建---项目---普通项目---项目名称---存储路径---基本HTML项目

第一个拥有JS代码的HTML网页
之前讲过：网页由HTML,CSS,JS组成。所以绝大部分情况下，JS代码是放在HTML页面中。
绝少情况，暂不做了解。

案例1：打开网页，弹出一个警告框提示用户“请输入正确格式”;
<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
   </head>
   <body>
       我的第一个HTML页面
       <script>
           alert("请输入正确的格式");
       </script>
   </body>
</html>

八、常见输入输出语句
输入：prompt() 用于在浏览器中弹出输入框，用户可以输入内容。

alert() 用于在浏览器中弹出警告框。

输出：document.write() 用于在网页中输出内容。

console.log() 用于在控制台中输出信息。

阅读终点，创作起航，您可以撰写心得或摘录文章要点写篇博文。

————————————————
版权声明：本文为CSDN博主「ObscureMoon」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/ObscureMoon/article/details/132781647