JavaScript的简介与用法

最新推荐文章于 2024-06-07 23:26:45 发布

吉量*

最新推荐文章于 2024-06-07 23:26:45 发布

阅读量46

点赞数

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

本文链接：https://blog.csdn.net/weixin_38747097/article/details/134342773

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.什么是JavaScript?

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和
web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备；
JavaScript 是一种轻量级的编程语言；
JavaScript 是可插入 HTML 页面的编程代码；
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

2.JavaScript的用法

HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间，Javascript 脚本代码可被放置在 HTML 页面的 <body> 和<head> 部分中，也可以把Javascript脚本代码放在单独的js文件中，然后在HTML中引用js文件。

小案例：我们实现一个通过点击按钮，然后在界面上显示点击按钮次数的功能，分别尝试在head,body和js文件中去定义Javascript函数。

2.1在head中定义Javascript函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在head中定义js函数</title>

    <script>
        var count = 0;
        function btn_click(){
            count++;
            document.getElementById("p_id").innerText=`点击${count}次`;
        }
    </script>
</head>
<body>
    <p id="p_id">点击0次</p>
    <button id="btn_id" onclick="btn_click()">点击</button>
</body>
</html>

首次加载未点击的效果
点击10次的效果

2.2在body中定义Javascript函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>body中定义Javascript函数</title>
</head>
<body>
    <script>
        var count = 0;
        function btn_click(){
            count++;
            document.getElementById("p_id").innerText=`点击${count}次`;
        }
    </script>

    <p id="p_id">点击0次</p>
    <button id="btn_id" onclick="btn_click()">点击</button>
</body>
</html>

首次加载未点击的效果
点击10次的效果

2.3在js文件中定义JavaScript函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS文件中定义Javascript函数</title>
    <script src="MyScript.js"></script>
</head>
<body>
    <p id="p_id">点击0次</p>
    <button id="btn_id" onclick="btn_click()">点击</button>
</body>
</html>

var count = 0;

function btn_click() {
    count++;
    document.getElementById("p_id").innerText = `点击${count}次`;
}

首次加载未点击的效果
点击10次的效果

吉量*

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript的简介与用法

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备；JavaScript 是一种轻量级的编程语言；JavaScript 是可插入 HTML 页面的编程代码；JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
复制链接

扫一扫