<!--
1、JS特点
-可以用任何文本编辑工具编写代码
-无需编译,由JS引擎解释执行
-弱类型语言
-基于对象:没有抽象、继承、重载等面向对象语言的许多功能,而是把语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统
2、语法
1)使用js
-浏览器的内核:浏览器内核负责页面内容的渲染,主要由两部分组成,一是内容排版引擎,用来解析html和css,一是脚本解释引擎,用于解析js。
2)搭建运行环境:安装独立的解释器。
3)第一个js程序
使用浏览器内核执行js程序,可以直接在控制台输入脚本并执行,也可以将js嵌入到html中执行。
将js嵌入到html页面中的三种形式:
a)html元素事件
b)<script>元素
c)引用外部脚本文件
将js代码写入一个单独的文件,后缀名保存为.js,文件中不需要包含script标签,可以直接写js代码,然后在html页面的head中引用外部的js文件,在head中添加<script>标签,并设置其src属性,以指定js文件的路径
4)js调试
-代码错误
js是解释型语言,如果某行代码错误则解释器终止此次执行,但不会影响后续的执行以及后续html元素的解析
<html>
<head>
<title></title>
<script src="js01.js"></script>
</head>
<body>
<!--方式一: 将要执行的脚本语句直接写在body中 -->
<button οnclick="console.log('hello world');">打印信息</button>
<!-- 方式二:使用<script>元素,内部脚本块中可以执行多条语句 注意单双引号-->
<script>
document.write('<b>欢迎</b>');
console.log("脚本执行结束了");
</script>
<script type="text/javascript">
document.write("<br>第一行执行输出");
document.writ("<br>第二行执行输出");
document.write("<br>第三行执行输出");
</script>
<br>
<b>1244</b>
<br>
<script type="text/javascript">
document.write("第四次执行输出");
</script>
</body>
</html>
1、JS特点
-可以用任何文本编辑工具编写代码
-无需编译,由JS引擎解释执行
-弱类型语言
-基于对象:没有抽象、继承、重载等面向对象语言的许多功能,而是把语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统
2、语法
1)使用js
-浏览器的内核:浏览器内核负责页面内容的渲染,主要由两部分组成,一是内容排版引擎,用来解析html和css,一是脚本解释引擎,用于解析js。
2)搭建运行环境:安装独立的解释器。
3)第一个js程序
使用浏览器内核执行js程序,可以直接在控制台输入脚本并执行,也可以将js嵌入到html中执行。
将js嵌入到html页面中的三种形式:
a)html元素事件
b)<script>元素
c)引用外部脚本文件
将js代码写入一个单独的文件,后缀名保存为.js,文件中不需要包含script标签,可以直接写js代码,然后在html页面的head中引用外部的js文件,在head中添加<script>标签,并设置其src属性,以指定js文件的路径
4)js调试
-代码错误
js是解释型语言,如果某行代码错误则解释器终止此次执行,但不会影响后续的执行以及后续html元素的解析
<html>
<head>
<title></title>
<script src="js01.js"></script>
</head>
<body>
<!--方式一: 将要执行的脚本语句直接写在body中 -->
<button οnclick="console.log('hello world');">打印信息</button>
<!-- 方式二:使用<script>元素,内部脚本块中可以执行多条语句 注意单双引号-->
<script>
document.write('<b>欢迎</b>');
console.log("脚本执行结束了");
</script>
<script type="text/javascript">
document.write("<br>第一行执行输出");
document.writ("<br>第二行执行输出");
document.write("<br>第三行执行输出");
</script>
<br>
<b>1244</b>
<br>
<script type="text/javascript">
document.write("第四次执行输出");
</script>
</body>
</html>