JS基本语法
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script type="text/javascript"> 7 /* 8 控制浏览器弹出一个警告框alert(); 9 让计算机在页面中输出一个内容document.write();可以向body中输出一个内容 10 向控制台输出一个内容console.log(); 11 12 可以将js代码编写到外部js文件中,然后通过script标签引入 13 <script type="text/javascript" src="js/script.js"></script> 14 写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,推荐使用 15 script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略, 16 如果需要则可以再创建一个新的script标签用于编写内部代码 17 */ 18 19 alert("i am handsome!"); 20 document.write("heihei"); 21 console.log("向控制台输出一个内容"); 22 </script> 23 <style type="text/css"> 24 25 </style> 26 </head> 27 <body> 28 <!-- 29 可以将js代码编写到标签的onclick属性中 30 当我们点击按钮中,js代码才会执行 31 虽然可以写在标签的属性中,但是它们属性结构与行为耦合,不方便维护,不推荐使用 32 --> 33 <button onclick="alert('点我干嘛啦~!( o=^•ェ•)o ┏━┓')">button</button> 34 <!-- 35 可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码 36 --> 37 <a href="javascript:alert('(●ˇ∀ˇ●)让你点你就点');">你也点我一下啦!</a> 38 </body> 39 </html>
1.注释
多行注释 注释的内容不会被执行,但是可以在源代码中查看
单行注释 //
2.js中严格区分大小写
每一条语句以分号结尾; 如果不写分号浏览器会自动添加,但是会消耗一些系统资源
而且有时浏览器会加错分号,所以开发中分号必须写
3.js会忽略多个空格和换行,所以可以利用空格和换行对代码进行格式化
4.
DOM 提供一系列的属性和方法,让我们获取元素以及操作元素
BOM 提供一系列的属性和方法,让我们操作浏览器
5.声明变量的方法 declare
传统方案 var function
新的方案 let const import
var n;
function fn(){};//声明的一个变量叫fn,只不过存储的数据值是一个函数
const x;
let m;
import z from './xx'; //ES6Module中的模块导入,把导入的模块存储到z变量中
6.命名规范
基于 数字/字母/下划线/$ 命名
数字不可以是名字的开始
$一般会作为名字的开始,很少会放中间
基于驼峰命名法
复杂名称由多个单词拼接成
第一个单词首字母小写
其余每一个有意义哦单词的首字母大写
语意华明显
不能使用关键字和保留字
关键字:JS中特殊含义的var let const function import break ```
保留字:未来会成为关键字,现在保留下来的字