JavaScript语法基础【一】

sharkerrrr

已于 2023-10-26 15:34:06 修改

阅读量496

点赞数 16

分类专栏： JavaScript学习笔记文章标签： javascript 开发语言前端

于 2023-10-23 17:02:47 首次发布

本文链接：https://blog.csdn.net/sharkerrrr/article/details/133994096

版权

JavaScript学习笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章目录

一. *JavaScript书写方式*
二.JavaScript中的数据
总结

一. JavaScript书写方式

1. 行内式—直接把代码书写在标签身上

a标签–书写在href属性上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="javascript:alert('hello world');">点我一下</a>
</body>
</html>

非a标签–书写在行为属性上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div onclick=" alert('hello word')">点我一下</div>
</body>
</html>

2. 内嵌式—把代码书写在一个script标签对内

内嵌式js代码，不需要依赖任何行为，打开页面就会执行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        alert("hello world");
    </script>
</body>
</html>