JavaScript学习笔记——基础知识

JavaScript的组成:

ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。

DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。
document object model

BOM:浏览器对象模型,操作浏览器部分功能的API。比如让浏览器自动滚动。
browser object model

运行JavaScript:

内嵌

<body>标签里放入标签对:
	<script type=”text/javascript”>
	</script>

并在<script>里书写JavaScript程序
(从上到下执行)

外链

引入外部JavaScript文件
(放到body标签里,可以和内嵌的js代码并列)

调试运行

在控制台直接运行

在这里插入图片描述
实例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS使用</title>

</head>
<body>
    <!-- 内嵌 -->
    <script type="text/javascript">
        alert("好好学习")
    </script>
    <!-- 外链 -->
     <script src="./js/index.js" type="text/javascript"></script>

</body>
</html>

语法规则:

(1)JavaScript对换行、缩进、空格不敏感。每一条语句以分号结尾。

备注:每一条语句末尾要加上分号,虽然分号不是必须加的,如果不写分号,浏览器会自动添加,但是会消耗一些系统资源。

(2)所有的符号,都是英语的。比如括号、引号、分号。

(3)严格区分大小写

注释:

html:<!-- 我是注释  -->
css:/* 我是注释 */
javascript:
单行注释:
	// 我是注释
多行注释:
	/*
  	  多行注释1
 	   多行注释2
	*/

Javascript 网页中输出信息的写法

弹出警告框alert("")
弹出警告框(尽量少用于项目中,因为会阻塞内容的渲染)

<script type="text/javascript">
            alert("好好学习");
</script>

控制台输出:console.log("")
在这里插入图片描述
不仅有console.log,还有一些控制台的输出。比如警告或者错误

<script type="text/javascript">
        console.log("好好学习");
        console.warn("好好学习");
        console.error("好好学习");
</script>

在这里插入图片描述

带确定和取消按钮的弹框confirm("")

(尽量少用)

<script type="text/javascript">
            var b = confirm("学了吗?");
            console.log(b);
</script>
//点击确定会在控制台输出true,点击取消会在控制台输出false

在这里插入图片描述
用户输入:prompt()

用得少,测试的时候可能会用。
prompt()语句中,用户不管输入什么内容,都是字符串。并且必须有一个变量接受用户输入的值

<script type="text/javascript">
            var c = prompt("学了吗?");
            console.log(c);
</script>
//输入之后在控制台输出

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值