JavaScript入门篇

最新推荐文章于 2024-09-20 11:38:47 发布

前端从精通到入门

最新推荐文章于 2024-09-20 11:38:47 发布

阅读量752

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/Alienkp/article/details/123804769

版权

一、javascript简介

是一种面向对象，轻量级，内嵌于HTML代码中，广泛用于Web应用开发,常用来为网页添加各式各样的动态功能，如单击事件的响应的一种脚本语言。

二、如何引入

1、通过事件引入，可以添加到任意html标签中

<body>    
    <button onclick="alert('你好');">单击</button>
    <button ondblclick="alert('Hello')">双击</button>
    <button onmouseup="alert('世界')">鼠标松开执行一次</button>
</body>

2、内嵌式

<script type="text/javascript">
    js代码
</script>

3、外链式

<script src="js路径"></script>

三、注释方式

单行注释

//此行注释，该行直至结尾其中的任何内容都会被注释掉

多行注释

/*

其中的任何内容都会被注释掉

*/

四、javascript变量

1、变量的定义

变量即会改变的量，可以用来保存任何数据类型，会随着赋值运算改变，在定义变量时，用var操作符，后面跟变量名。

2、变量的名称命名规则

名称可包含字母、数字、下划线_和美元符号$

必须以字母开头

也可以 $ 和 _ 开头

对大小写敏感（a 和 A 是两个变量）

保留字（ JavaScript 的关键词，如break，default，void）无法用作变量名称

最好见名知意，要有含义

五、javascript中的数据类型

1、基本数据类型

字符串 string 如："abc","hello"
数字 number 如：10,5050
布尔 boolean 值只有两个：(true / false)

值为空 null 表示"没有对象"，即该处不应该有值 可用来清空变量

（1）作为函数的参数，表示该函数的参数不是对象。

（2）作为对象原型链的终点。

值未定义 undefined 表示"缺少值"，就是此处应该有一个值，但是还没有定义

（1）变量被声明了，但没有赋值时，就等于undefined。

（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。

（3）对象没有赋值的属性，该属性的值为undefined。

（4）函数没有返回值时，默认返回undefined。

2、复合数据类型

数组 Array 数组对象是使用单独的变量名来存储一系列的值。

对象 object

六、简单的几个输出方法

1、在控制台输出，输出内容客户端是看不到的

console.log("每一个星球都有一个核心驱动每一种思想")

//或者
console.log(`每一个星球都有一个驱动核心，
每一种思想都有影响力的种子。
感受世界的温度，
年轻的你也能成为改变世界的动力，
百度珍惜你所有的潜力。
你的潜力，是改变世界的动力！`)//ES6新增语法，字符模板，会保留原有换行。

2、在客户端输出

document.write('你好')

//或者
document.write('<span style="color:red">你好</span>')
//注意：字符串必须用单引号或者双引号引起来，但双引号之中不能再用双引号，单引号之中也不能再用单引号，
双引号之中可以用单引号，或者单引号中用双引号。

3、使用弹窗输出

<body>
    <script type="text/javascript">
        alert("你好");
        alert(123)//输出内容为数字类型则不需要加引号
    </script>
</body>

4、使用弹出输入框来获取用户的一些信息

var user = Number(prompt('请输入你的你的头发数量', 100000));//提示输入对话框
//注意：prompt()方法返回类型默认为字符串型，如有别的需要，需要转换类型！
// prompt(参数1，参数2)提示输入对话框
// 参数1：提示文本
// 参数2：输入框中的默认值，可以省略不写
// 返回值:点击【确认按钮】，返回输入框的值，点击【取消】按钮，返回null；