JavaScript入门（一）：引入方式&基础语法

TKenZ

已于 2022-05-17 14:55:09 修改

阅读量352

点赞数

文章标签： javascript 前端开发语言

于 2022-05-17 14:52:28 首次发布

本文链接：https://blog.csdn.net/weixin_43334633/article/details/124821375

版权

一、引入方式

1. 内部引入

直接在html内部使用<script> ... </script>来使用JavaScript的代码

Javascript的代码可放在html中的任意位置。一般放在底部bottom的位置

原因：因为JavaScript脚本加载速度会相对慢，可以让html其它部分先加载，用户体验更好

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--下面部分是JavaScript的代码-->
<script>
    alert("hello js1");
</script>

</body>
</html>

2. 外部脚本

在html中使用<scrip src=’JS代码位置’><scrip>来引入外部JS代码

引用时

外部的JS代码不能包含

例子
在这里插入图片描述

二、基础语法

基础语法

（除了语句结尾分号可有可无，其它都和Java的语法一样）

每行结尾的分号可有可无

如果一行上写多个语句时，必须加分号用来区分多个语句。
区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写的
注释
- 单行注释：// 注释内容
- 多行注释：/* 注释内容 */
大括号表示代码块
```
if (count == 3) { 
   alert(count); 
}
```

可用于输出查看的语句

window.alert 警示框（window可省略）
document.wtite 写入html页面
console.log 写入浏览器控制台

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
		// 方式1
    window.alert("hello js~");//写入警告框
		// 方式2
    document.write("hello js 2~");//写入html页面
		// 方式3
    console.log("hello js 3");//写入浏览器的控制台
</script>
</body>
</html>