目录
一、? 什么是JavaScript
二、? JavaScript引入方式
三、 ?JavaScript书写语法和输出语句
一、 什么是JavaScript

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书写语法和输出语句
书写语法
?区分大小写:与Java一样,变量名、函数名以及其他一切东西都是区分大小写的
每行结尾的分号可有可无
注释:
单行注释:// 注释内容
多行注释:/*注释内容*/
大括号表示代码块
if(count == 3){
? ? ? ? alert(count);
}
输出语句
使用window.alert()写入警告框
<script>
window.alert("hello js");//写入警告框
</script>

?使用document.write写入HTML输出
<script>
document.write("hello js2~");//写入html页面
</script>

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

感谢 观 看
|