js介绍
概念
是一种运行在客户端(浏览器)的编程语言,实现人机交互效果
作用
- 网页特效 (监听用户的一些行为让网页作出对应的反馈)
- 表单验证 (针对表单数据的合法性进行判断)
- 数据交互 (获取后台的数据, 渲染到前端)
- 服务端编程 (node.js)
组成
ECMAScript
基础·语法:规定了js基础语法核心知识。
比如:变量(let 变量名)、分支语句(if,switch,三元运算符)、循环语句(for,while)、对象(let 对象名 = {})等等
Web APIs
DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作
BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等
书写位置
行内 JavaScript
代码写在标签内部
<button onclick="alert('hellow~~~')" >点我</button>
内部 JavaScript
直接写在html文件里,用script标签包住
<script> alert('hellow~~~') </script>
规范:script标签写在上面
外部 JavaScript
代码写在以.js结尾的文件里,通过script标签,引入到html页面中。
<script src="./js/myJs.js"></script>
注意: 此时script标签中间无需写代码,否则会被忽略!
JavaScript 注释
单行注释
符号://
作用://右边这一行的代码会被忽略
快捷键:ctrl + /
块注释
符号:/* */
作用:在/* 和 */ 之间的所有内容都会被忽略
快捷键:shift + alt + A
JavaScript 输入输出语法
输入语法
语法:prompt('提示信息')
作用:显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字
prompt('请输入您的姓名:')
输出语法
网页输出
语法: document.write('网页上显示的内容')
作用: 向body内输出内容,可以识别标签
警告弹窗
语法: alert('弹出警告框上显示的内容')
作用: 页面弹出警告对话框
控制台输出
语法: console.log('显示在控制台的内容');
作用: 控制台输出语法,程序员调试使用
//1.网页输出 //向body内输出内容 document.write('网页上显示的内容') document.getElementById('demo').innerHTML = '我是修改后的文字' // 2.警告弹窗 // 弹出一个警告框 alert('弹出警告框上显示的内容') // 3.控制台输出 //仅对程序员可见,方便js代码调试 //一旦代码有错,控制台爆红,需要修改代码 console.log('显示在控制台的内容');
JavaScript 代码执行顺序
- 按HTML文档流顺序执行JavaScript代码
- alert() 和 prompt() 它们会跳过页面渲染先被执行
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性