Java学习

最新推荐文章于 2024-07-12 10:42:54 发布

啊228

最新推荐文章于 2024-07-12 10:42:54 发布

阅读量213

点赞数

分类专栏： java 文章标签：学习 javascript 前端

本文链接：https://blog.csdn.net/weixin_65986176/article/details/127093059

版权

java 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

JavaScript基本概念：

JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script 是脚本的意思），而脚本语言就是不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行，现在也可以基于 Node.js 技术进行服务器端编程。

JavaScript的作用：

1.表单动态校验（密码强度检测）（ JS 产生最初的目的）

2.网页特效服务端开发(Node.js)

3.桌面程序(Electron) App(Cordova)

4.控制硬件-物联网(Ruff)

5.游戏开发(cocos2d-js)

HTML/CSS/JS 的关系

HTML/CSS标记语言--描述类语言

HTML决定网页结构和内容(决定看到什么)，相当于人的身体

CSS决定网页呈现给用户的模样(决定好不好看)，相当于给人穿衣服、化妆

JS脚本语言--编程类语言

实现业务逻辑和页面控制(决定功能)，相当于人的各种动作

JavaScript的书写方式
1.行内式：

<input type="button" value="点击" οnclick="alert('Hello World')" />

可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick

注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号

可读性差，在html中编写JS大量代码时，不方便阅读；

引号易错，引号多层嵌套匹配时，非常容易弄混；特殊情况下使用

内嵌式

<script>

alert('Hello World~!');

</script>

可以将多行JS代码写到 script 标签中

内嵌 JS 是学习时常用的方式

外部JS文件

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

利于HTML页面代码结构化，把大段 JS代码独立到 HTML 页面之外，既美观，也方便文件级别的复用

引用外部 JS文件的 script 标签中间不可以写代码

适合于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>Document</title>
</head>
<body>
    <!-- 行内式 -->
    <button onclick="alert(123)">点击1</button>

    
    <button id="btn">点击2</button>

    <button id="btn3">点击3</button>

    <!-- 内嵌式 -->
    <script>
        document.getElementById("btn").onclick=function(){
            alert("456")
        }
    </script>

    <!-- 外链式 -->
    <script src="js/demo.js"></script>

    <!-- 输出方式---用于调试 -->
    <script>
        alert("弹窗式输出");
        console.log("控制台输出");
        let str = prompt("请输入数据：");
        console.log(str);
    </script>
</body>
</html>