JavaScript嵌入式代 嵌入式 js

初识JavaScript-2

• JavaScript引入方式

• 嵌入式
• 外链式
• 行内式

• 常用输出语句
• 注释

• 单行注释
• 多行注释

• 数据与运算

• 数学运算
• 比较两个数字的大小
• 使用字符串保存数据
• 比较两个字符串是否相同
• 字符串与数字的拼接
• 使用变量保存数据

JavaScript引入方式

1、嵌入式 2、外链式 3、行内式

嵌入式

嵌入式 就是使用< script>标签包裹JavaScript代码，直接编写到HTML文件中。

语法

<script>
   JavaScript语句；
</script>

示例

<script type=''text/javascript">
    JavaScript语句；
 </script>

• type属性用于告知浏览器脚本的类型。
• type默认值为text/javascript（HTML5），可以省略type属性。

外链式

** 外链式**是指将JavaScript代码保存到一个单独的文件中，通常使用“js”作为文件的扩展名，然后使用< script>标签的src属性引入文件中。
语法

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

示例

js/text.js文件
.....
alert("hello");
......

1.相对路径

2.绝对路径

3.URL地址

若自动使用当前页面协议，可写为//js.texst/file.js

相比嵌入式，外链式的优势

1. 嵌入式会导致HTML与JavaScript代码混合在一起，不利于修改和维护。
2. 嵌入式会增加HTML文件的体积，影响网页本身的加载速度，而外链式可以利用浏览器缓存提高速度。
3. 外链式有利于分布式部署。网页中链接的js、css、图片等静态文件可以部署到CDN服务器上，利用CDN的优势加快下载速度。

行内式

行内式是将JavaScript代码作为HTML标签的属性值使用。

__注意：__现代网页开发提倡结构、样式、行为的分离，即分离HTML、CSS、JavaScript三部分的代码，避免直接写在HTML标签的属性中，从而更有利于维护。因此在实际开发中不推荐使用行内式。

常用输出语句

1. alert()警告框
2. console.log()控制台输出
3. document.write()文档页面输出

注释

概念：注释可便于代码的可读性，在程序解析时会被JavaScript解释器忽略。
分类：单行注释、多行注释
表示方式：单行注释用“//”、多行注释使用“/* */”

单行注释

单行注释：以“//”开始，到该行结束或JavaScript标记结束之前的内容都是注释。
示例。

<script>
document.write('Hello.JavaScript');             //输出一句话
</script>

多行注释

多行注释：多行注释以“/* ”开始，以“ */”*结束，它们之间的内容为多行注释。
示例

<script>
/*
alert('Hello.JavaScript');
console.log('1234');
*/
</script>

数据与运算

数学运算

JavaScript支持加（+）减（-）乘（*）除（/）四则运算。

小括号可以改变优先顺序

比较两个数字的大小

比较的结果是true或false，这是一种布尔类型的值，表示真和假。

如果结果为true，表示成立；如果比较结果为false，表示不成立。

使用字符串保存数据

比较两个字符串是否相同

使用“==”运算符可以比较两个字符串是否相同。

字符串与数字的拼接

使用变量保存数据