JavaScript了解

隐曜绅士

已于 2023-04-15 15:21:25 修改

阅读量29

点赞数

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

于 2023-04-15 15:21:13 首次发布

本文链接：https://blog.csdn.net/m0_62915189/article/details/130140769

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

引入方式

1.内部js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
    
</head>
<body>
    <script>alert("hello world!")</script>
</body>
</html>

2.外部作为一个单独的js文件，引入

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
    
</head>
<body>
    <script src="hello.js"></script>
</body>
</html>



hello.js：
alert("hello JavaScript!")

3.行内js，内联到了标签内

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
    
</head>
<body>
    <p onclick="alert('hello world!')">我是文本，但是你点我一下试试</p>
</body>
</html>

alert()会弹出框，可以使用console.log();在控制台看到反馈

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
    
</head>
<body>
    <script>
        console.log('hello console!')
    </script>
</body>
</html>