这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战。

JavaScript入门

1.1什么是javascirpt？

是一种可以在浏览器中运行的脚本语言
主要用来实现在浏览器端的动作
用户交互
数据处理 Java与JavaScript没有关系

Java需要编译

JavaScript是解释性语言

JavaScript源代码放在HTML里头

1.2页面中的javascirpt代码

<html>
    <body>
        <script>
            document.write("<h1>Hello World!</h1>");
        </script>
    </body>
</html>

1.3桌面上的javascirpt

node.js

nodejs.org/zh-cn/downl…

1.4事件响应代码

<html>
    <body onload="alert('hi')">
        <script>
            document.write("<h1>Hello World!</h1>");
        </script>
    </body>
</html>

1.5变量

以水杯为例，名称：水杯价格：49元直径：6.7 是否保温：是

使用var定义：var message为局部变量

不使用var定义变量为全局变量

<html>
    <body onload="alert('hi')">
        <script>
            var hello;
            hello = "Hello";
            document.write(hello);
        </script>
    </body>
</html>

对象

对象是JavaScript的一种复合数据类型，它可以把多个数据集中在一个变量中，并且给其中的每个数据起名字
或者说，对象是一个属性集合，每个属性有自己的名字和值
JavaScript并不像其他OOP语言那样有类的概念，不是先设计类再制造对象

创建对象

var o = new Object();
var cicir = {x:0,radius:2};

JavaScript引入

js标签引入的三种方式

行内引入写在标签的事件属性中 <div onclick="alert('hello')"></div>(点击出弹窗)
内嵌引入写在script标签中(写js代码需要html标签已经存在，所以script标签最好写在最下面body与html标签中间，会被解析到body的最后) <script> </script>
外链引入通过script标签的src属性，链接外部的js代码 <script src=" "> </script>

需要注意的是：一旦script标签引入了外部js代码，script标签就相当于单标签，标签中间的内容就会被屏蔽，不起效果

JavaScript入门（1）

JavaScript入门

1.1什么是javascirpt？

1.2页面中的javascirpt代码

1.3桌面上的javascirpt

1.4事件响应代码

1.5变量

对象

创建对象

JavaScript引入