JavaScript

最新推荐文章于 2024-10-04 21:14:50 发布

原创最新推荐文章于 2024-10-04 21:14:50 发布 · 603 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js

web开发专栏收录该内容

22 篇文章

订阅专栏

这篇博客介绍了JavaScript的基础知识，包括它作为脚本语言的特性，如何在HTML中使用，变量的声明与类型，函数的定义及调用，以及HTML表单的交互。通过实例展示了JavaScript在网页交互中的作用，适合初学者入门。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

前言
1. JavaScript简介
- 1.1 JavaScript是脚本语言
2.JavaScript的用法
3.JavaScript 变量
- 3.1变量声明的方式
- 3.2 变量类型
4.JavaScript 函数
5.html表单的使用

前言

html是超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言，JavaScript是Web的编程语言，所有的现代html界面都会使用到JavaScript，那我们应该学习哪些JavaScript的知识呢？

1. JavaScript简介

JavaScript是互联网上最流行的脚本语言(动态语言，JavaScript变量的类型在运行时绑定，类型也是可以修改的），这们语言可用于html和web,更广泛用于服务器，PC 、笔记本电脑、平板电脑、智能手机等设备。

1.1 JavaScript是脚本语言

JavaScript是一种轻量级的编程语言，可插入html页面的编程代码，在插入html页面后，可由所有的现代浏览器执行。

2.JavaScript的用法

事件驱动的：html中的dom元素绑定事件，在用户触发该元素的事件时，执行JS代码。
hetml中的dom元素以on开头的属性，几乎都是事件属性。
使用方式
（1）绑定html标签的事件属性

<body onload="alert('ok')" >

（2）html文件中在head中使用<script>

 <script>
        alert(2)
    </script>

(3)引用外部资源
html中引入外部的js文件，在head中引入。

<script type="application/javascript" src="js/1.js"></script>
//1.js
alert(3);

3.JavaScript 变量

3.1变量声明的方式

（1）全局变量：var变量名
（2）局部变量：let变量名，当前作用域
（3）常量：const 常量名

3.2 变量类型

（1）数值型 : var num=10;
（2）字符串: var str=“hello”;
（3）布尔值: var b=false;
（4）数组：使用时候是：变量=[]
（5）json对象: var person={firstman:“John”,lastname:“Doe”,id:5566}
json对象中的firstname，lastname,id为属性名,John，Deon，5566为属性值。多个键值对是以逗号间隔的，属性和值之间是冒号（：）绑定。
对象的两类寻址方式：

name=person.firstname;
name=person[“firstname”];
注意：
alert():弹出窗
console.log():开发者工具console面板输出打印。

4.JavaScript 函数

函数是由事件驱动的或者当他被调用时执行的可重复使用的代码块。函数的定义有两种。
（1）function 函数名（参数）{}
（2）函数名=function（参数）{}
调用： JavaScript代码执行的地方都可以调用。

function f(x,y,z) {
            console.log(x+","+y+","+z)
        }
        //函数调用时
        <body onload="f(1)" >

5.html表单的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>用户登录</h2>
<form action="/XXX">
    用户名：<input type="text" name="username"><br>
    密码：<input type="password" name="password"><br>
    <input type="submit" value="点我登录">
</form>
</body>
</html>