欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 维修 > JavaScript简介

JavaScript简介

2025/6/24 2:47:33 来源:https://blog.csdn.net/qq_72013756/article/details/141594699  浏览:    关键词:JavaScript简介

一、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 代码

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词