javascript简介

JavaScript基础

JavaScript是什么

  • JavaScript 是一种运行在客户端 的脚本语言 ,最早是在 HTML (标准通用标记语言下的一个应用)网页上使用,用来给 HTML 网页增加动态功能。
  • 浏览器就是一种运行 JavaScript 脚本语言的客户端, JavaScript 的解释器被称为JavaScript 引擎,为浏览器的一部分。

JavaScript组成

  • JavaScript 是由 ECMAScript DOM 和 BOM 三者组成的。

JavaScript书写语法

JavaScript书写位置

  • 1.写在行内
<input type="button" value="按钮" onclick="alert("hello world")"/>
  • 2.写在html标签的<script>标签中
<script>
    alert("hello world");
</script>
  • 3.写在外部 js 文件中,在页面引入
    • 注意:引用外部 js 文件的 <script> 标签中不可以写 JavaScript 的代码,自定义的JavaScript 代码,需要书写在另一个新的 <script> 标签中。
<script src="main.js"></script>

JavaScript的注释

  • js 注释分为两种:块级注释和单行注释。
  • 块级注释:又叫做多行注释,作用范围是选中的多行,写作。
  • VScode 快捷键:
    • 单行注释:注释和解开注释都是 ctrl+/
    • 多行注释: ctrl+shift+/
多行注释

<script>
    /* 这是一个多行注释
    多行内容在浏览器中都不可见
    注释范围是多行的 */
</script>
单行注释

<script>
    //这是一个单行注释
    //换行后就不能发生作用
</script>

alert()语句

  • alert :警示、警告。
  • 作用:在浏览器中弹出一个警示框,警示框的警示内容可以人为自定义。
  • alert 语句是一个 js 内置好的功能(函数、方法),要想实现功能必须在 alert 关键字后面加小括号执行,自定义的内容需要传递给小括号内的参数,输出时参数位置的内容会出现在弹框位置。
<script>
    alert("这是一个警示框");
</script>
  • 语法
  • 语法 1 alert 语句作为一个函数,如果要执行,必须在后面紧跟着添加小括号。
  • 语法 2 alert 语句作为一个函数,小括号内部可以传递参数,根据数据类型不同,有不同的语法要求,例如文字内容(字符串)必须写在一对引号内部。
  • 语法 3 :如果需要添加一对引号,要么是单引号,要么是双引号,不能一单一双。
  • 语法 4 所有的有特殊功能的符号必须是英文字符。
  • 语法 5 :语句后面的分号必要性。
  • 语法 6 js 对换行、缩进、空格也不敏感。
  • 语法 7 :如果 js 中没有特殊控制结构,代码都是从上往下、从左往右进行加载。

prompt()语句

  • prompt :提示。
  • 作用:弹出一个对话框,内部有一个提示语句以及一个输入框,可以在输入框中根据提示任意输入内容。
  • prompt 语句也是 js 内置的一个功能,必须加小括号执行,有两个参数可以进行传递,每个参数一般都是字符串类型,必须加引号,两个参数中间用逗号分隔,引号和逗号都必须是英文输入法状态。
<script>
    prompt("请输入您的年龄","18");
</script>
  • 第二个参数位置的值,可以删除并重新输入新的内容,甚至代码中可以不写第二个参数。
  • prompt(" 请输入您的年龄

console控制台

  • 在大部分浏览器中,都有一个控制台,内部可以查看 HTML 、 css 代码,甚至调试代码错误
  • 浏览器中右键点击审查元素(检查),都可以打开控制台。
  • 快捷键: F12.
  • 控制台中有一个 console (控制台 的选项面板,在 js 中有非常重要的作用。
  • 控制台作用
    • 作用一:帮助程序员调试程序中出现的 bug 。可以提示错误的个数、错误所在的行数、错误类型。
    • 作用二:可以在控制台中直接书写一些语句,进行执行。
    • 作用三: js 有一个内置对象 console ,内部封装了大量的属性和方法(函数),可以通过给console 对象打点调用方法名 、属性名方式去执行。有一个叫做 log (日志)方法,可以实现参数位置自定义内容在控制台输出。
console.log(1,2);
console.log("hehe");
console.log(4+5);
  • 3
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值