Java Script
Java VS Java Script
JavaScrip名称演变:Mocha → LiveScript → JavaScript
Java Script中有java仅仅是蹭了java的热度
ECMAScript:Java Script 标准,不是语言。 有ES6…
jQuery:JS的函数库
Node.js :JS平台,使用JS在服务器和客户端计算机上运行高级操作和应用程序.
文本编辑器
Visual Studio Code Atom Sublime Text
集成开发环境(IDEs)
NetBeans Eclipse Aptana Studio
浏览器
Chrome Firefox Edge Opera Brave
Brave是一个基于Chromium网页浏览器及其Blink排版引擎的自由及开放源代码网页浏览器,由Mozilla项目的联合创始人、JavaScript的创造者布兰登·艾克宣布。它宣称阻止网站跟踪器和移除侵入式网络广告。该浏览器也宣称通过与广告客户分享更少数据来改善网络隐私。截至2017年,它已面向iOS、Android、Windows、macOS和Linux开启Beta版测试。
一个浏览器开发JS,其他所有浏览器调试
Live Server插件
ctrl+shift+i 检查
ctrl+shift+j 控制台
console 输出
alert('hello world~~');
alert(5+3232);
var date = new Date()
alert("今天是"+date)
console.log("今天是"+date);
//今天是Tue Jun 14 2022 14:11:46 GMT+0800 (中国标准时间)
document.body.innerHTML ="<h1>"+date+"</h1>";
//'<h1>Tue Jun 14 2022 14:11:46 GMT+0800 (中国标准时间)</h1>'
document.body.innerHTML = "<h1>"+date.getFullYear()+"年"+(date.getMonth()+1)+"年"+date.getDate()+"日"+"</h1>";
//'<h1>2022年6年14日</h1>'
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>空白页面</title>
<script src="script.js" defer></script>
</head>
<body>
</body>
<!--<script>
// var date = new Date();
// document.body.innerHTML = "<h1>" + date + "</h1>"
//document.body.innerHTML = "<h1>" + date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日" + "</h1>"
</script>-->
</html>
确保body元素创建后再加入js
js加载方式
立即加载
异步加载 <script src=“script.js” asyn>
延迟加载 <script src=“script.js” defer>
注意规范
JS 对大小写敏感
var greenDuck = “This Duck is Green!”;
console.log(greenduck);
greenDuck ≠ greenduck
**camelcase 骆驼拼写法 **
常量全大写,变量驼峰
空格有意义
增加可读性
以分号结尾
好习惯,其实和java一样
充分使用注释
// 或 /**/