<!--
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>
615
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
