Javascript

发布时间：2024年01月18日

在这里插入图片描述

定义

一种运行在客户端（浏览器）的编程语言，实现人机交互效果

作用

网页特效（监听用户的一些行为让网页做出对应的反馈）

  • 表单验证（针对表单数据的合法性进行判断）
  • 数据交互（获取后台数据，渲染到前端）
  • 服务器编程（node.js）

组成

  • ECMAScript：基础语法，如变量，循环，对象等
  • Web APi
    • DOM：操作文档，比如对页面元素进行移动
    • BOM：操作浏览器，比如页面弹窗，检测窗口宽度，储存数据到浏览器等
      书写位置
      内部JavaScript
    • 直接写在html标签里，用script标签包住
    • 规范：写在/body上面
      • 原因在于浏览器会按照代码在文件中的顺序加载HTML，如果先加载的javascript期望修改其下方的HTML，那么它可能由于HTML尚未被加载而失败
Document

外部JavaScript

新建一个以.js文件结尾的文件

内联JavaSript

代码写在标签内部

<body>
    <button onclick="alert('逗你玩--')">点击领奖</button>
 </body>

输出语法

语法1：document.write

作用：向body内输出内容
注意：如果输出的内容写的是标签，也会被解析成网页元素

<!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>Document</title>

    
</head>
<body>
    <script>
            document.write('hey')
            // 输出hello world  
            document.write("<h1>hello world</h1>")
    </script>
</body>
</html>

语法2：alret

页面弹出警告对话框

语法3：console.log

控制台输出语法，程序员调试使用

文章来源:https://blog.csdn.net/qq_74854522/article/details/135671936
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章