js介绍

概念

是一种运行在客户端(浏览器)的编程语言,实现人机交互效果

作用

  1. 网页特效 (监听用户的一些行为让网页作出对应的反馈)
  2. 表单验证 (针对表单数据的合法性进行判断)
  3. 数据交互 (获取后台的数据, 渲染到前端)
  4. 服务端编程 (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() 它们会跳过页面渲染先被执行
posted @   丫丫learning  阅读(78)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
点击右上角即可分享
微信分享提示