学习JavaScript

做人求其滴

于 2024-09-28 13:15:38 发布

阅读量159

点赞数 2

分类专栏： JavaWeb 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/CH3CH2CH4/article/details/142374830

版权

JavaWeb 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

js引入方式

1. 内部脚本

内部脚本：将JS代码定义在HTML页面中

JavaScript代码必须位于<script></script>标签之间
在HTML文档中,可以在任意地方,放置任意数量的<script>
一般会把脚本置于<body>元素的底部,可改善显示速度

弹出一个警告窗口

<script>

    alert("Hello JavaScript")

</script>

2. 外部脚本

将JS代码定义在外部JS文件中，然后引入到HTML页面中

外部JS文件中，只包含JS代码，不包含<script>标签

🚥<script>标签不能自闭合

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

js基础语法

1. 输出语句

//输出语句
//方式一 弹出警告框
window.alert("hello");

//方式二 写入HTML中
document.write("world");

//方式三 输出在控制台
console.log("yeyeye");

html文件：
<script src="01.js"></script>

【运行结果】

2. 变量

//var是全局变量、可以重复定义
var a = 1;
var b = '1';
var c = "aaa";
console.log(a);     console.log(b);     console.log(c);

a = 3.14;
console.log(a);

【运行结果】

//const常量
const $dollar = 666;
$dollar = 66;
alert(dollar);

var a;
alert(typeof(a)); //undefined

alert(typeof(null)); //object

【运行结果】

常量不可被修改

3. 数据类型

注意与其他语言不同的是：有==和===

== 只比较值，=== 既比较值又比较类型

//== 只比较值，=== 既比较值又比较类型
var a;
a = 10;
alert(a === "10"); //false
alert(a == "10"); //true 发生类型转换
alert(typeof(a));

js函数

//定义一个函数 不需要写返回类型
function sum(a, b){
    return a+b;
}
alert(sum(1, 2.5)); //result = 3.5
alert(sum(1, "1")); //result = 11
alert(sum(NaN, 2)); //result = NaN
alert(sum(undefined, 2)); //result = NaN