JavaScript简介及引入方式

简介: JavaScript简介及引入方式

一、什么是JavaScript

36208861e6a84610a51a703925d9dcf8.gif

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


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

结构:HTML

表现:CSS

行为:JavaScript


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


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


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

二、JavaScript引入方式

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


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

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

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


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


外部文件:

demo.js  alert("hello JS~");

引入外部js文件:

<script src="../js/demo.js"></script>


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

三、JavaScript书写语法和输出语句

书写语法

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

感谢 观看

目录
相关文章
|
3月前
|
JSON JavaScript 前端开发
Danfo.js专题 - Danfo.js与Dnotebook简介与入门
Danfo.js专题 - Danfo.js与Dnotebook简介与入门
83 0
|
3月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
111 0
|
3月前
|
JavaScript 前端开发 API
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(下)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
60 0
|
3月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(上)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
122 0
|
4天前
|
JavaScript 前端开发
JavaScript 简介
JavaScript 简介
10 0
|
1月前
|
前端开发 JavaScript 安全
JavaScript进阶-JavaScript库与框架简介
【7月更文挑战第11天】JavaScript库和框架加速Web开发,但也带来挑战。选择适合项目、团队技能的库或框架,如React、Angular、Vue,是关键。保持依赖更新,注意性能优化,避免过度依赖。遵循最佳实践,确保安全性,如防XSS和CSRF。学习基础,结合代码示例(如React计数器组件),提升开发效率和应用质量。
|
1月前
|
资源调度 JavaScript 前端开发
JavaScript进阶 - JavaScript库与框架简介
【7月更文挑战第5天】JavaScript库和框架构成了前端开发的核心,如jQuery简化DOM操作,Angular、React和Vue提供全面解决方案。选择时要明确需求,避免过度工程化和陡峭学习曲线。使用版本管理工具确保兼容性,持续学习以适应技术变化。示例展示了jQuery和React的简单应用。正确选择和使用这些工具,能提升开发效率并创造优秀Web应用。
|
1月前
|
JavaScript 前端开发
JavaScript 简介
【7月更文挑战第1天】JavaScript 简介。
23 1
|
2月前
|
JSON JavaScript 前端开发
JavaScript 简介
JavaScript 简介
16 1
|
2月前
|
XML 前端开发 JavaScript
前端简介(HTML+CSS+JS)
前端简介(HTML+CSS+JS)

热门文章

最新文章