JavaScript简介及引入方式

目录e8712163deef4a00bdaabb56a4567460.png

一、​a33f55993cb64f21a75b014f7c7af554.png什么是JavaScript

二、​9eed168b919c4353a6f47c1d3ab13200.pngJavaScript引入方式

三、cfb3748aabd740efbdcdf1e3bf65c4a5.png​JavaScript书写语法和输出语句


一、a33f55993cb64f21a75b014f7c7af554.png什么是JavaScript

36208861e6a84610a51a703925d9dcf8.gif

JavaScript是一门跨平台、面向对象的脚本语言,来控制网页的行为的,它能使网页可交互。

W3C标准:网页主要由三部分组成

结构:HTML

表现:CSS

行为:JavaScript

JavaScript和Java是完全不同的语言,不论是概念还是设计。但基础语法类似

JavaScript(简称:JS)在1995年由Brendan Eich发明,并于1997年成为一部ECMA标准。

ECMAScript 6(ES6)是最新的JavaScript版本(发布于2015年)

二、9eed168b919c4353a6f47c1d3ab13200.pngJavaScript引入方式

1、内部脚本:将JS代码定义在HTML页面中

在HTML中,JavaScript代码必须位于<script>与</script> 标签之间

<script>
    alert("hello JS~");
</script>

323b6407b36a474ab5f79c7e0aa3a146.png提示:在HTML文档中可以在任意地方,放置任意数量的<script>。一般把脚本置于<body>元素的底部,可改善显示速度,因为脚本执行会拖慢显示。

2、外部脚本:将JS代码定义在外部JS文件中,然后引入到HTML页面中

外部文件:demo.js  alert("hello JS~");

引入外部js文件:<script src="../js/demo.js"></script>

041847272bb0433a87cc535c96a7c313.png注意:外部脚本不包括<script>标签,<script>标签不能自动闭合。

三、cfb3748aabd740efbdcdf1e3bf65c4a5.pngJavaScript书写语法和输出语句

书写语法1f7f35b5a9cb4c258ec846b26e86f300.gif

 区分大小写:与Java一样,变量名、函数名以及其他一切东西都是区分大小写的

每行结尾的分号可有可无

注释:

单行注释:// 注释内容

多行注释:/*注释内容*/

大括号表示代码块

if(count == 3){

        alert(count);

}

c9c162d62cc14d5db57fc5a9d6022f67.gif输出语句

使用window.alert()写入警告框

<script>
    window.alert("hello js");//写入警告框
</script>

16758954daf24f4da5e1e2a459194d44.png

 使用document.write写入HTML输出

<script>
    document.write("hello js2~");//写入html页面
</script>

5638e64069d641cba775a93d17d00517.png

使用console.log()写入浏览器控制台

<script>
    console.log("hello js3~");//写入浏览器控制台
</script>

10e976f8bd42451ebd566e5e7ed38233.png

感谢 观2b134e674e6841608a9bb9c3f7af290d.png

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夏志121

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值