JavaScript(JS引入方式，JS基础语法，JS函数，JS对象，JS事件监听)

最新推荐文章于 2024-05-09 10:39:03 发布
最新推荐文章于 2024-05-09 10:39:03 发布
阅读量492 收藏 4
点赞数
文章标签： javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cupid_kl/article/details/133136442
版权

JavaScript（简称：JS）是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，它能使网页可交互。

1. JavaScript引入方式

第一种方式：内部脚本，将JS代码定义在HTML页面中

  • JavaScript代码必须位于<script></script>标签之间
  • 在HTML文档中，可以在任意地方，放置任意数量的<script>
  • 一般会把脚本置于<body>元素的底部，可改善显示速度
    例如：
<script>
alert("Hello JavaScript")
</script>

第二种方式：外部脚本将， JS代码定义在外部 JS文件中，然后引入到 HTML页面中

  • 外部JS文件中，只包含JS代码，不包含<script>标签
  • 引入外部js的<script>标签，必须是双标签
<script src="js/demo.js"></script>

在这里插入图片描述

2. JS基础语法

2.1 书写语法

  • 区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写的
  • 每行结尾的分号可有可无
  • 大括号表示代码块
  • 注释：
    单行注释：// 注释内容
    多行注释：/* 注释内容 */

要借助js中3钟输出语句，来演示书写语法：
在这里插入图片描述
在这里插入图片描述
方式1：弹出警告框
window.alert(“hello js”);
在这里插入图片描述
方式2：写入html页面中
document.write(“hello.js”);
在这里插入图片描述
方式3：控制台输出
console.log(“hello js”)
在这里插入图片描述

2.2 变量

js中主要通过如下3个关键字来声明变量的：
在这里插入图片描述

  • JavaScript中用var关键字（variable的缩写）来声明变量。
  • JavaScript 是一门弱类型语言，变量可以存放不同类型的值 。
  • 变量名需要遵循如下规则：
    组成字符可以是任何字母、数字、下划线（_）或美元符号（$）
    数字不能开头
    建议使用驼峰命名
<script>
    // var定义变量
    var a = 100;
    a = "小可爱";
    alert(a);
</script>

var定义变量的特点：

  1. 作用域比较大，全局变量
  2. 可以重复定义

2.3 数据类型、运算符、流程控制语句

数据类型

js中的数据类型分为 ：原始类型和引用类型
在这里插入图片描述
使用typeof函数可以返回变量的数据类型。

运算符

在这里插入图片描述
==会进行类型转换，===不会进行类型转换
==：只比较值是否相等，不区分数据类型，哪怕类型不一致，==也会自动转换类型进行值得比较
===：不光比较值，还要比较类型，如果类型不一致，直接返回false

类型转换

  • js中可以通过parseInt()函数来进行将其他类型转换成数值类型。
    将字符串字面值转为数字，如果字面值不是数字，则转为NAN。

  • 其他类型转换为boolean:
    0,null,undefined,“”,NaN理解成false,反之理解成true

3. JS函数

JavaScript中的函数被设计为执行特定任务的代码块，通过关键字function来定义。
第一种格式：

function 函数名(参数1,参数2..){
要执行的代码
}

function add(a,b){
	return a + b;
}

第二种格式：

var functionName = function (参数1,参数2..){ 
 //要执行的代码
}

var add = function(a,b){
	return a + b;
}

4. JS对象

4.1 Array数组

定义数组：

// 方法一：
// var 变量名 = new Array(元素列表);
var arr = new Array(1,2,3,4); //1,2,3,4 是存储在数组中的数据（元素）

// 方法二：
// var 变量名 = [ 元素列表 ];
var arr = [1,2,3,4]; //1,2,3,4 是存储在数组中的数据（元素）

JavaScript中的数组相当于Java中的集合，数组的长度是可变的，且可以存储任意类型的数据。

属性：
在这里插入图片描述
方法：
在这里插入图片描述

var arr = [1,2,3,4];
ar[10] = 50;
// for 遍历所有元素
    for (let index = 0; index < arr.length; index++) {
        const element = array[index];
    }
    
 // forEach 遍历有值的元素
    arr.forEach(function(e) {
    	console.log(e);        
    });
//ES6 箭头函数：（...） => {...} 简化函数定义 
	arr.forEach(e)=> {
        console.log(e);   
    });
    
//push: 添加元素到数组末尾
arr.push(7,8,9);
console.log(arr);

//splice: 删除元素
arr.splice(2,2)  #从第2个元素开始，删除2个元素
console.log(arr);

4.2 String字符串

定义字符串：

//方法一：
//var 变量名 = new String("…") ;
var str = new String("Hello String")

//方法二：
//var 变量名 = "…" ;
var str = 'Hello String';

属性：
在这里插入图片描述

方法：
在这里插入图片描述

var str = "Hello String";
//length
console.log(str.length);

//charAt()
console.log(str.charAt(4)) //输出第四个位置的元素

//indexOf
console.log(str.indexOf("lo")  //搜索lo，返回位置

//trim
var s = str.trim();
console.log(s);

//substring(start, end) -----开始索引，结束索引（含头不含尾）
console.log(s.substring(0,5)) // 提取出来的字符串是Hello

4.3 JSON对象

首先，在 JavaScript 中自定义对象的语法格式如下：

var 对象名 = {
属性名1: 属性值1,
属性名2: 属性值2,
属性名3: 属性值3,
函数名称: function(形参列表){}
};

<script>
//自定义对象
var user = {
	name: "Tom",
	age: 10,
	gender: "male",
	eat: function(){     //可以简化，把function去掉
	alert("用膳~");
	 }
 };
alert(user.name);
user.eat();

JSON是通过JavaScript对象标记书写的文本。key-value键值对，key要用双引号括起来。由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输。

{
	“name”: "Tom",
	“age”: 10,
	“gender”: "male"
	}

JSON数据格式的文本经常用来作为前后台交互的数据载体。例：
前后台交互时，我们需要传输数据，可以使用如图所示的xml格式，可以清晰的描述java中需要传递给前端的java对象。
在这里插入图片描述
但是xml格式存在如下问题：1.标签需要编写双份，占用带宽，浪费资源； 2. 解析繁琐。所以我们可以使用json来替代，如下图所示：
在这里插入图片描述

JSON基础语法

定义：

var 变量名 = ‘{“key1":value1, "key2":value2}’;
var userStr = '{"name":"Lucky", "age":18, "addr":["北京”，“上海”]}'；
alert(userStr.name);

JSON字符串转为JS对象（JSON.parse），JS对象转为JSON字符串（JSON.stringify）

//json字符串--js对象
var obj = JSON.parse(userStr );
alert(obj.name);
//js对象--json字符串
alert(JSON.stringify(obj));

4.4 BOM对象

BOM的全称是Browser Object Model,翻译过来是浏览器对象模型。也就是JavaScript将浏览器的各个组成部分封装成了对象。我们要操作浏览器的部分功能，可以通过操作BOM对象的相关属性或者函数来完成。例如：我们想要将浏览器的地址改为 http://www.baidu.com ,我们就可以通过BOM中提供的location对象的href属性来完成，代码如下：location.href=‘http://www.baidu.com’。
BOM中提供了如下5个对象：
在这里插入图片描述
上述5个对象与浏览器各组成对应的关系如下图所示：
在这里插入图片描述

Window (浏览器窗口对象)

window对象指的是浏览器窗口对象，是JavaScript的全部对象，所以对于window对象，我们可以直接使用，并且对于window对象的方法和属性，我们可以省略window.例如：window.alert(‘hello’); 其可以省略window. 所以可以简写成 alert(‘hello’)。
window对象提供了获取其他BOM对象的属性：
在这里插入图片描述
要使用location对象，只需要通过代码 window.location 或者简写 location 即可使用
window也提供了一些常用的函数，如下表格所示：
在这里插入图片描述

<script>
    // 方法
    // confirm对话框--确认true,取消false
    var flag = confirm("你确认吗？");
    alert(flag);

    // 定时器setInterval --周期性地执行某一个函数  (函数，时间)
    var i = 0;
    setInterval(function(){
        i++;
        console.log("定时器执行了"+i+"次");
    }, 2000);

    // 定时器setTimeout --延迟指定时间执行一次
    setTimeout(function(){
        alert("JS")
    },3000);
</script>

在这里插入图片描述

Location (地址栏对象)

使用window.location获取，其中window.可以省略。location是指代浏览器的地址栏对象，对于这个对象，我们常用的是href属性，用于设置或者返回浏览器的地址信息，添加如下代码：
在这里插入图片描述

4.5 DOM对象

DOM：Document Object Model 文档对象模型。也就是 JavaScript 将 HTML 文档的各个组成部分封装为对象。封装的对象分为
Document：整个文档对象
Element：元素对象
Attribute：属性对象
Text：文本对象
Comment：注释对象
如下图，左边是 HTML 文档内容，右边是 DOM 树：
在这里插入图片描述
DOM技术 主要作用如下：

  • 改变 HTML 元素的内容
  • 改变 HTML 元素的样式（CSS）
  • 对 HTML DOM 事件作出反应
  • 添加和删除 HTML 元素

4.5.1 获取DOM对象

HTML中的Element对象可以通过Document对象获取，而Document对象是通过window对象获取的。Document对象提供的用于获取Element元素对象的api如下表所示：
在这里插入图片描述

//1. 获取元素-根据ID获取
var img = document.getElementById('h1');

//2. 获取元素-根据标签获取 - div
var divs = document.getElementsByTagName('div');

//3. 获取元素-根据name属性获取
var ins = document.getElementsByName('hobby');

//4. 获取元素-根据class属性获取
var divs = document.getElementsByClassName('cls');

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM对象</title>
</head>
<body>
    <img id = "h1" src="./img/1.jpg">  <br><br>

    <div class="cls"> DOM对象--获取元素</div> <br>
    <div class="cls">好好学习，天天向上</div> <br>

    <input type="checkbox" name="hobby">Java
    <input type="checkbox" name="hobby">C++
    <input type="checkbox" name="hobby">Python

</body>

<script>
    // 获取Element元素
    // 根据ID获取
    var img = document.getElementById('h1');
    alert(img);

    // 根据标签获取
    var divs = document.getElementsByTagName('div');  //divs得到的是标签数组
    for(let i = 0; i<divs.length; i++){
        alert(divs[i]);
    }

    // 根据name属性获取
    var hob = document.getElementsByName("hobby");
    for(let i = 0; i<hob.length; i++){
        alert(hob[i]);
    }

    //根据class属性获取
    var cls = document.getElementsByClassName("cls");
    for(let i = 0; i<cls.length; i++){
        alert(cls[i]);
    }
</script>

</html>

在这里插入图片描述
在这里插入图片描述
可以更换第一个div标签里的文本：

// 查询参考手册，属性和方法
    var div0 = divs[0];
    div0.innerHTML = "非常666";    //改变div的文本内容

在这里插入图片描述
在这里插入图片描述

4.5.2 DOM操作案例

需求如下3个：

  • 点亮灯泡
  • 将第二个div标签的标签体内容改变
  • 使所有的复选框呈现被选中的状态
    如图所示：
    在这里插入图片描述 在这里插入图片描述
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM案例</title>
</head>
<body>
    <img src="img/off.gif" id="light"><br><br>
    <div class="cls">DOM案例--点亮灯泡</div><br>
    <div class="cls">灯泡还没被点亮！</div><br>

    <input type="checkbox" name="address">宿舍
    <input type="checkbox" name="address">教室
    <input type="checkbox" name="address">走廊

</body>
<script>
    //点亮灯泡：改变src属性值
    var light = document.getElementById("light");
    light.src = "img/on.gif";

    //将第二行文字改为：灯泡已经被点亮！
    var divs = document.getElementsByTagName("div");
    var div1 = divs[1];
    div1.innerHTML = "<font color = 'red'>灯泡已经被点亮！</font>";    //改变div的文本内容


    //将所有的复选框选中
    var address = document.getElementsByName("address");
    for(let i = 0; i<address.length; i++){
        address[i].checked = true;
    }
</script>
</html>

在这里插入图片描述

5. JS事件监听

5.1 事件绑定

JavaScript对于事件的绑定提供了2种方式：
方式1：通过html标签中的事件属性进行绑定
例如一个按钮，我们对于按钮可以绑定单机事件，可以借助标签的onclick属性，属性值指向一个函数。

<input type="button" id="btn1" value="事件绑定1" onclick="on()">

<script>
function on(){
alert("按钮1被点击了...");
 }
</script>

方式2：通过DOM中Element元素的事件属性进行绑定
依据我们学习过得DOM的知识点，我们知道html中的标签被加载成element对象，所以我们也可
以通过element对象的属性来操作标签的属性。此时我们再次添加一个按钮，代码如下：

<input type="button" id="btn2" value="事件绑定2">

document.getElementById('btn2').onclick = function(){
alert("按钮2被点击了...");
}

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS事件</title>
</head>
<body>
    <input type="button" value="事件1" id="btn1" onclick="on()">
    <input type="button" value="事件2" id="btn2">
</body>

<script>
    function on(){
        alert("事件1被点击了！");
    }

    var btn2 = document.getElementById("btn2");
    btn2.onclick = function(){
        alert("事件2被点击了！")
    }

</script>

</html>

5.2 常见事件

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS事件</title>

    <style>
       form{
            text-align: center;
       }
       td{
            text-align: center;
       }

    </style>

</head>
<body onload="load()">
    <div>
        <form action="" method="post" onsubmit="subinfo()">
            <input type="text", id="text1" onfocus="ffn()" onblur="lost()" onkeydown="ttkey()">
            <input type="submit" value="提交" id="sub">
            <input type="button" value="单击事件" id="btn" >

        </form>
        <br>
        <br>
        <table border="1px" cellspacing = "0" width="500px" align="center" onmouseover="ontab()" onmouseout="offtab()">
            <tr>
                <th>学号</th>
                <th>姓名</th>
                <th>分数</th>
                <th>评语</th>
            </tr>
            <tr>
                <td>001</td>
                <td>张三</td>
                <td>90</td>
                <td>很优秀</td>
            </tr>
            <tr>
                <td>002</td>
                <td>李四</td>
                <td>92</td>
                <td>优秀</td>
            </tr>

        </table>
</div>
</body>

<script>
// onload事件 页面完成加载时触发
    function load(){
        console.log("页面正在加载.......");
    }
// onclick事件 鼠标单击触发
    document.getElementById("btn").onclick = function btn(){
        console.log("事件1按钮被按下");
    }
// onfocus事件 元素获得焦点触发
    function ffn(){
        console.log("获得焦点");
    }
// onblur事件 元素失去焦点时触发
    function lost(){
        console.log("失去焦点");
    }
// onkeydown事件 键盘被按下触发
    function ttkey(){
        console.log("键盘有被按下");
    }
// onmouseover事件 鼠标移到元素上触发
    function ontab(){
        console.log("鼠标移到表格上了")
    }
// onmouseout事件 鼠标移出元素触发
    function offtab(){
        console.log("鼠标移出表格了")
    }
// onsubmit事件 提交表单时触发
    function subinfo(){
        alert("信息被提交！")
    }
</script>
</html>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.3 案例

需求如下3个：

  1. 点击 “点亮”按钮 点亮灯泡，点击“熄灭”按钮 熄灭灯泡
  2. 输入框鼠标聚焦后，展示小写；鼠标离焦后，展示大写。
  3. 点击 “全选”按钮使所有的复选框呈现被选中的状态，点击 “反选”按钮使所有的复选框呈现取消勾选的状态。

效果如图所示：
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS事件--案例</title>
</head>
<body>
    <img src="img/off.gif" id="light">
    <br>
    <input type="button" name="onlight" value="点亮" onclick="onlight()">
    <input type="button" name="offlight" value="熄灭" onclick="offlight()">
    <br><br>

    <input type="text" placeholder ="LIGHT" id="tlig">
    <br><br>

    <label><input type="checkbox" name="hobby" value="movie">电影</label>
    <label><input type="checkbox" name="hobby" value="travel">旅游</label>
    <label><input type="checkbox" name="hobby" value="game">游戏</label>
    <br>

    <input type="button" name="selectall" value="全选" onclick="selectall()">
    <input type="button" name="selectno" value="反选" onclick="selectno()">

</body>
<script>
    // 点亮和熄灭按钮触发事件
    // 点击 “点亮”按钮 点亮灯泡，点击“熄灭”按钮 熄灭灯泡
    function onlight(){
        document.getElementById("light").src = "img/on.gif";
    }
    function offlight(){
        document.getElementById("light").src = "img/off.gif";
    }

    // 文本框上鼠标聚焦触发事件
    // 输入框鼠标聚焦后，展示小写；鼠标离焦后，展示大写  --试试换种写法
    document.getElementById("tlig").onfocus = function onff(){
        document.getElementById("tlig").placeholder = "light";
    }
    document.getElementById("tlig").onblur = function onbl(){
        document.getElementById("tlig").placeholder = "LIGHT";

    }

    // 按钮触发事件
    // 点击 “全选”按钮使所有的复选框呈现被选中的状态，点击 “反选”按钮使所有的复选框呈现取消勾选的状态。
        function selectall(){
            var hobbies = document.getElementsByName("hobby")  //hobbies是对象数组
            for(let i =0; i<hobbies.length;i++){
                const element =hobbies[i];
                element.checked = true;
            }
        }
        function selectno(){
            var hobbies = document.getElementsByName("hobby")  //hobbies是对象数组
            for(let i =0; i<hobbies.length;i++){
                const element =hobbies[i];
                element.checked = false;
            }
        }


</script>
</html>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

你是个什么橙
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
网页引入JS的三种方式
jmz98的博客
05-17 2057
1.使用<script>标签<script type="text/javascript"></script>2.使用外部引入<script src="js/路径" type="text/javascript"></script>3.HTML标签内部引入<input type="button" value="触发" onclick="javascript:alert(123);" />
总结：JS文件中引入其他JS文件的方法，以及＜script＞标签中间如何嵌套＜script＞标签
weixin_48033662的博客
08-28 4919
本质上相当于在页面的body或者head中引入一组新的script标签，从而实现引入新的JS文件；而并不是两组script标签的直接互相嵌套，这样并不会效果。
Js引入js三种方法
最新发布
qq_52700250的博客
05-09 1177
【代码】Js引入js三种方法
JavaScript介绍及用法
weixin_45979978的博客
12-21 189
JavaScript的简单介绍及具体用法
JavaScript | 前端三件套之JavaScript
逐梦苍穹的博客
02-13 1421
一文超八千字介绍JavaScript
javaScript-如何引入js代码
程宇寒
08-20 1万+
javaScript-如何引入js代码 直接po代码和截图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js01-如何引入js代码</title> <script type="text/javascript"> //script标签的...
Javascript基础知识（一）核心基础语法与事件模型
10-25
总的来说，JavaScript的基础语法和事件模型是理解其工作原理的关键，掌握这些知识能够帮助开发者构建功能丰富的交互式网页应用。无论是新手还是经验丰富的开发者，对这些基础知识的深入理解和熟练运用都是必不可少的...
js_game.rar_javascript_js 游戏_js游戏
09-24
1. JavaScript基础语法和控制结构 2. HTML5 Canvas API及其绘图方法 3. 事件监听与处理 4. 游戏对象的定义与行为 5. 时间管理和动画原理 6. 碰撞检测算法 7. 用户界面与音效处理 通过实践一个小型游戏项目，初学者...
JavaScript 语言参考_javascript_js_
10-03
JavaScript API手册是学习和查阅JavaScript函数、对象和方法的重要资料，它包含了从基本语法到高级特性的详尽解释。API（Application Programming Interface）是一组预定义的函数、类、对象和常量，开发者可以利用...
JS.rar_javascript_js制作网页_js网页特效
09-20
1. **JavaScript基础** JavaScript是一种解释型、弱类型的脚本语言，广泛应用于浏览器环境。它具有动态类型、原型继承和高级函数特性。了解变量声明（var、let、const）、数据类型（字符串、数字、布尔、null、...
头歌教学实践平台 Web前端开发基础 JavaScript学习手册一：JS简介
01-20
1. **基础语法** - 变量：JavaScript中的变量可以使用var、let或const关键字声明，其中let和const是ES6（ECMAScript 2015）新增的特性，提供了更好的作用域管理。 - 数据类型：JavaScript有七种数据类型，包括基本...
在js文件中引入（调用）另一个js文件的三种方法
10-14
主要介绍了在js文件中引入（调用）另一个js文件的三种方法，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下
如何在HTML中使用JavaScript——外部引入和内部嵌入
热门推荐
努力发paper中的业余分享爱好者
08-09 2万+
当我们想将js脚本放入网页中时，我们无一例外的总是会想到HTML。 在如何使用JavaScript之前，我们需要先了解<script>元素，其定义了6个属性 async：可选。表示应该立即下载脚本，但是不应妨碍页面中的其他操作。在XHMTL总，要将async设置为async=“async”。异步脚本一定在页面的load事件前执行，但可能会在DMOContenLoaded事件出发之前或...
Js 引入外部js
未曾踏足山巅的博客
12-13 5122
最近用Vue做项目，遇到一个可服用的类，所以抽出来一个外部单独类，每次要用到的时候需要引用使用即可，这大大的节省了代码量。跟Java公共类一样，节省代码复用。 项目做得是一个日期下拉框选择器，是从1980年到今年，肯定不能写一个数组从1980到2018 ，更何况你明年怎么办，重新加一个2019再发布吗？ 首先写一个公共js类 var mixin = { methods: { initY...
Web前端-元素显示和js引入
weixin_70634087的博客
08-26 414
溢出设置overflowvisible显示(默认)hidden隐藏scroll滚动显示行内元素垂直对其方式vertical-aligntop上对齐middle中间对齐bottom下对齐baseline基线对齐显示层级z-index当元素脱离文档流出现层叠显示时,可以通过z-index设置显示层级z-index的值越大显示约靠前此样式只能添加给非静态定位的元素,静态定位添加无效JavaScript作用: 给页面添加动态效果语言特点:基于面向对象的语言属于弱类型语言。...
如何在HTML页面引入javaScript代码
bwf_erg的博客
03-02 8308
javaScript脚本代码可以通过以下3种方式嵌入到HTML文档： 1.使用…标签对在页面内引用 使用…标签对将javaScript代码嵌入到HTML文档中。 浏览器在加载上述代码中，会自动识别javaScript脚本代码的…。并执行它里面的代码，然后将结果返回给HTML,并在浏览器窗口显示。 在页面内通过…标签对引入javaScript代码，其中…标签对的位置可以在…标签对和…
js对象引用问题
weixin_34313182的博客
11-17 334
test.js var a = {name: 1}; var b = a; console.log(a); console.log(b); b.name = 2; console.log(a); console.log(b); var b = {name: 3}; console.log(a); console.log(b); 运行 test.js 结果为： ...
javaScript
reallywish
04-28 261
1、什么是javaScript 1.1 概述 javaScript是一门世界上最流行的脚本语言 javascript是一个人用了10天时间开发出来的语言 一个合格的java程序员必须精通 1.2 历史 ECMAScript 它可以理解为JavaScript的标准 最新版本已经到了es6版本 但是大部分浏览器还只支持es5 线上环境版本不一致 2、快速入门 2.1、引入JavaScript 1、内部标签使用 <script> alert("梦走了") </script> 2、外部引
2024版JavaScript+Vue入门
03-28
2024版JavaScript+Vue入门

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你是个什么橙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值