20220614 JS基础入门第一天

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一样

充分使用注释

// 或 /**/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值