首页 > 编程语言 >JavaScript简介

JavaScript简介

时间:2024-08-27 12:21:46浏览次数:11  
标签:script 简介 JavaScript js 标签 客户端 页面

一、JavaScript简介

1.什么是JavaScript?

JavaScript 简称为 JS,由网景公司开发的客户端脚本语言,不需要编译,可以直接运行

Web 前端三层:

  • 结构层 HTML 定义页面的结构
  • 样式层 CSS 定义页面的样式
  • 行为层 JavaScript 用来实现交互,提升用户体验

2. JavaScript 作用

  • 在客户端动态的操作页面
  • 在客户端做数据的校验
  • 在客户端发送异步请求

 二、JavaScript基本用法

1、基本结构

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        alert("Hello World !");
        console.log("Hello World !");
        document.write("Hello World !");
    </script>
</head>
1.1、输出信息的三种方式
  • alert() 弹出警告框
  • console.log()输出到浏览器的控制台
  • document.write() 输出到页面

实例:

执行结果:

2、转义符

由于字符串中经常会有一些特殊字符,比如换行、引号等,为了让字符能够正常显示,此时需要使用转义符

常用转义符:

  • \n 换行
  • \t 缩进
  • \"双引号
  • \'单引号

3、注释

3.1注释

​ 两种:

  • 单行注释

 //开始,以行末结束

  • 多行注释

多行注释以/*开始,以*/ 结束

4、语法约定

​ 编码规范:

  • 区分大小写
  • 代码缩进
  • 建议每行只写一条语句,语句结束以分号结尾
  • 如果不以分号结尾,则以行末作为语句的结束
  • 代码执行顺序:从上往下,从左往右

5、引用JavaScript方式

引用 JavaScript 有三种方式:

1. 内联方式

在页面中使用 script 标签,在 script 标签的标签体中编写 js 代码

script 标签可以放在页面的任意位置,(不同位置加载顺序不一样)一般放在 head 中

   <script type="text/javascript">
    js代码 
   </script>

2. 行内方式

在普通标签中编写 js 代码,一般需要结合事件属性,如 onclick、onmouseover 等

   <input type="button" value="点我" onclick="alert('Hello')"/>
   <!-- 使用超链接的 href 属性执行 js 时,必须添加 javascript 前缀 -->
   <a href="javascript:alert('World')">我是超链接</a>

3. 外部方式

使用单独的.js文件定义,然后在页面中使用 script 标签引入外部脚本文件

   <script type="text/javascript" src="js文件的路径"></script>

注:如果某个 script 标签用于引入外部 js 文件,则该 script 标签的标签体中不能再写 js 代码

标签:script,简介,JavaScript,js,标签,客户端,页面
From: https://blog.csdn.net/qq_72013756/article/details/141594699

相关文章

  • JavaScript 的事件循环、宏任务、微任务
    JavaScrtipt执行顺序首先,必须要明确,在JavaScript中,所有任务都在主线程上执行。任务执行过程分为同步任务和异步任务两个阶段。异步任务的处理经历两个主要阶段:EventTable(事件表)和EventQueue(事件队列)。EventTable存储了宏任务的相关信息,包括事件监听和相应的回调函数。当特定......
  • javascript怎么实现链表?
    在JavaScript中实现链表通常涉及定义一个链表节点类(通常称为ListNode)和一个链表类(例如LinkedList),然后在这个链表类中实现各种操作链表的方法,如添加节点、删除节点、遍历链表等。以下是使用JavaScript实现单向链表的一个基本示例:链表节点类(ListNode)首先,我们定义一个链表节点......
  • 【JavaScript】String常用方法
    String的常用方法长度s.length拼接字符串s.concat('内容','可拼接多个'),或者使用+号链接符,返回一个新字符串位置查找字符串方法;返回字符​查找某位置上的字符s.charAt(下标)返回该下标位置上的字符,未找到返回空白​返回某位置上的字符s[下标](只读,不能赋值),不支......
  • JavaScript 对象访问器
    JavaScript访问器(Getter和Setter)Getter和Setter允许您定义对象访问器(被计算的属性)。<!DOCTYPEhtml><htmllang="en"><body><pid="demo"></p><script>constperson={nama:"DianDi......
  • [javascript] 使用 puppeteer 包模拟 chrome 自动化
    npmipuppeteerconstpuppeteer=require('puppeteer');functionsleep(ms){returnnewPromise(resolve=>setTimeout(resolve,ms));}asyncfunctionrun(){constbrowser=awaitpuppeteer.launch({headless:false,args:['--st......
  • Android广播机制简介
    Android广播机制简介记得在我上学的时候,每个班级的教室里都会装有一个喇叭,这些喇叭都是接入到学校的广播室的,一旦有什么重要的通知,就会播放一条广播来告知全校的师生。类似的工作机制其实在计算机领域也有很广泛的应用,如果你了解网络通信原理应该会知道,在一个IP网络范围中,......
  • 国密算法简介
    加密算法公开密钥长度分组长度分类加密强度其他SM1否128128对称密码AESSM2是128128非对称密码大于RSA基于ECC,加密强度和运算速度均大于RSASM3是128128单向散列密码MD5校验结果256SM4是128128对称密码(分组密码)AESSM9是128128......
  • Javascript之函数式编程
    一、是什么函数式编程是一种"编程范式"(programmingparadigm),一种编写程序的方法论主要的编程范式有三种:命令式编程,声明式编程和函数式编程相比命令式编程,函数式编程更加强调程序执行的结果而非执行的过程,倡导利用若干简单的执行单元让计算结果不断渐进,逐层推导复杂的运算......
  • JavaScript中的内存泄露
    一、是什么内存泄漏(Memoryleak)是在计算机科学中,由于疏忽或错误造成程序未能释放已经不再使用的内存并非指内存在物理上的消失,而是应用程序分配某段内存后,由于设计错误,导致在释放该段内存之前就失去了对该段内存的控制,从而造成了内存的浪费程序的运行需要内存。只要程序提......
  • 【CSS】从零开始学CSS第一篇:简介、基础选择器
    目录CSS简介1.1HTML的局限性1.2CSS-网页的美容师1.3CSS语法规范1.4CSS代码风格1.样式格式书写2.样式大小写3.空格规范CSS基础选择器2.1CSS选择器的作用2.2选择器分类2.3标签选择器2.4类选择器类选择器-多类名2.5id选择器2.7基础选择器总结......