JavaScript系列从入门到精通系列第二篇:JavaScript书写位置、注释和结束符

news2024/11/18 16:50:15

文章目录

一:JavaScript书写位置

1:CSS书写位置

(一):行内样式表

(二):内部样式表

(三):外部样式表

2:Js书写位置

(一):行内样式表

(二):内部样式表

(三):外部样式表

二:JavaScript注释

1:注释

(一):单行注释

(二):块注释

2:结束符

(一):总结


一:JavaScript书写位置

1:CSS书写位置

(一):行内样式表

略,咱这是JS

(二):内部样式表

略,咱这是JS

(三):外部样式表

略,咱这是JS

2:Js书写位置

(一):行内样式表

JS代码写到标签内部,此处我们了解一下即可,后续的Vue框架会使用这种模式。

(二):内部样式表

直接写到Html文件里边,使用script标签包住。script标签写在</body>标签的上边。类似于:alert('你好,JS');页面弹出警告框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<script>
				alert("你好,js")
			</script>
	</body>
</html>

        为什么内部样式表需要写到Body的后边,我们写JS的目的是为了操作Html元素, 页面从上往下加载。所以,我们的JS往后比较好。我们写到</body>上边,预示着Html元素加载完了。这样做通常是最好的策略。

(三):外部样式表

代码写入到.js结尾的文件里边,通过script标签引入到html页面中。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<script src="./js/aa.js"></script>
	</body>
</html>
alert('xxxxxxxxxx,js')

         注意,这种外部引用的JS方式<script>标签内部就不要在写内容了。写了也不会执行,会被忽略掉。

二:JavaScript注释

1:注释

JS中分为单行注释和块注释。

(一):单行注释

        符号: //
        作用: //右边这一行的代码会被忽略
        快捷键: ctrl + /

(二):块注释

        符号: /**/
        作用:在/*和*/之间的所有内容都会被忽略
        快捷键: shift + alt +a

2:结束符

        结束符使用英文分号代表语句结束。但是这玩意可写可不写。浏览器或者叫执行引擎会自动推断结束位置

(一):总结

        作用: 使用英文的;代表语句结束

        实际情况: 实际开发中,可写可不写,浏览器(ava5cript 引擎)可以自动推断语句的结束位置

        现状: 在实际开发中,越来越多的人主张,书写JavaScript 代码时省略结束符

        约定:为了风格统一,结束符要么每句都写,要么每句都不写(按照团队要求.)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1025187.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Cesium 地球(1)-概览

​ 参考: CesiumJS 2022^ 源码解读[4] - 最复杂的地球皮肤 影像与地形的渲染与下载过程 Cesium 地球(1)-概览 相关类的从属关系: 地球由 影像数据&#xff0c;和地形数据共同组成。 流程概览: // Scene.jsfunction render() {// ① 更新影像图层的可见性globe.update();/…

java-decompiler

Java Decompiler GitHub F:\Document_JD-GUI\jd-gui-windows-1.4.0

73家央国企专场培训|第38期信创专业人员-精华班在京成功举办

9月8日-10日&#xff0c;由太极计算机股份有限公司-太极信创研习院(以下简称“太极股份”&#xff09;主办&#xff0c;北京慧点科技有限公司协办的“信息技术应用创新专业人员&#xff08;ITAIP&#xff09;-第38期信创精华班&#xff08;央国企专场培训&#xff09;”在北京市…

[游戏开发][Shader]ShaderToy通用模板转Unity-CG语言

这个通用模板貌似是Candcat写的&#xff0c;漏了几个宏定义&#xff0c;我这给补一下&#xff0c;例如&#xff1a; #define iTime _Time.y #define atan atan2 对照表如下 代码如下 Shader "Shadertoy/Template" {Properties{iMouse("Mouse Pos", Vec…

恩智浦为稳固地位,将扩大投资4国家 | 百能云芯

车用芯片制造商恩智浦&#xff0c;今天宣布了一项重大计划&#xff0c;旨在进一步深耕欧洲市场。该公司将利用欧洲微电子和通信技术共同利益重点计划&#xff08;IPCEI ME/CT&#xff09;的支持&#xff0c;加强其在奥地利、德国、荷兰和罗马尼亚的研发能力&#xff0c;并将根据…

MySQL数据库详解 五:用户管理

文章目录 1. 数据库的用户管理1.1 新建用户1.2 重命名用户1.3 删除用户1.4 修改用户密码1.5 忘记用户密码的解决方法1.6 数据库用户授权1.6.1 授权用户权限类别1.6.2 添加权限1.6.2 撤销权限 2. mysql命令 1. 数据库的用户管理 1.1 新建用户 create user 用户名来源地址 [ide…

性能测试必备知识-使用MySQL存储过程构造大量数据:实例解析

在软件开发过程中&#xff0c;测试是一个不可或缺的环节。通过测试&#xff0c;我们可以发现并修复软件中的各种问题&#xff0c;提高软件的质量和稳定性。然而&#xff0c;手动编写大量的测试用例是一项耗时且容易出错的任务。为了解决这个问题&#xff0c;我们需要学会使用批…

一文了解线上展厅设计与搭建要点,线上展厅有哪些应用

引言&#xff1a; 线上展厅已经成为了现代营销领域中不可或缺的一部分。通过巧妙的设计与搭建&#xff0c;企业可以与潜在客户建立更深入的联系&#xff0c;提高品牌知名度&#xff0c;从而提高商务成交量。 一、线上展厅设计要点 线上展厅的设计是关键的一步&#xff0c;因为…

架构师面试必备:高并发限流算法全攻略

Hello大家好&#xff0c;我是小米&#xff01;今天我要和大家聊一聊一个在技术面试中经常被问到的问题——高并发限流算法&#xff01;这个话题非常有趣&#xff0c;也是我们在日常工作中经常会碰到的挑战之一。在本文中&#xff0c;我将详细介绍一些常见的高并发限流算法&…

无涯教程-JavaScript - SUMIF函数

描述 您可以使用SUMIF函数对满足指定条件的范围内的值求和。 语法 SUMIF (range, criteria, [sum_range])争论 Argument描述Required/Optionalrange 您要通过条件判断的单元格范围。 每个范围中的单元格必须是数字或包含数字的名称,数组或引用。 空白和文本值将被忽略。 所…

AMEYA360:村田土壤传感器新增功能

村田制作所新增了土壤传感器功能&#xff0c;除了以前的普通土壤外&#xff0c;还可对人工培养土岩棉、椰糠进行测量。 近年来&#xff0c;对番茄、草莓等农作物广泛使用配制营养土岩棉及椰糠等人工培养土。相较普通培养土&#xff0c;此类培养土的保水力非常高&#xff0c;且难…

面试官:Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同?

&#x1f3ac; 岸边的风&#xff1a;个人主页 &#x1f525; 个人专栏 :《 VUE 》 《 javaScript 》 ⛺️ 生活的理想&#xff0c;就是为了理想的生活 ! 目录 开始之前 正文 一、Options Api 二、Composition Api 三、对比 逻辑组织 Options API Compostion API 逻辑…

vue select联动 设置filterable坑

需求&#xff1a; 平台改变 获取服务类目List 服务类目改变 获取模板标题List 模板标题改变 获取关键词List 由于模板标题List数据条数较多&#xff0c;因此需要设置可搜索选择 问题&#xff1a;由于模板标题加了【filterable】属性。当服务类目改变时&#xff0c;模板标题要么…

肖sir__mysql之索引__010

mysql之索引 一、什么是索引&#xff1f; 索引是一种数据结构设计 一个索引是存储的表中数据结构&#xff1b; 索引是建立在表字段上&#xff0c; 索引包含了一列值&#xff0c;这个值保存在一个数据结构中 二、索引作用 1、保证数据记录的唯一性 2、实现表与表之间的参照性 3…

openGauss学习笔记-72 openGauss 数据库管理-创建和管理分区表

文章目录 openGauss学习笔记-72 openGauss 数据库管理-创建和管理分区表72.1 背景信息72.2 操作步骤72.2.1 使用默认表空间72.2.1.1 创建分区表&#xff08;假设用户已创建tpcds schema&#xff09;72.2.1.2 插入数据72.2.1.3 修改分区表行迁移属性72.2.1.4 删除分区72.2.1.5 增…

java学习--day6(数组)

文章目录 day5作业今天的内容1.数组1.1开发中为啥要有数组1.2在Java中如何定义数组1.3对第二种声明方式进行赋值1.4对数组进行取值1.5二维数组【了解】1.6数组可以当成一个方法的参数【重点】1.7数组可以当成一个方法的返回值1.8数组在内存中如何分配的【了解】 2.数组方法循环…

一文轻松实现在VSCode中编写Go代码

1.下载并安装VSCode VSCode&#xff08;Visual Studio Code&#xff09;是一款免费且功能强大的开源代码编辑器。VSCode适用于Windows、macOS和Linux操作系统&#xff0c;提供了丰富的编辑功能&#xff0c;包括语法高亮、智能代码补全、代码导航、重构支持、代码片段、多光标编…

windows常见的命令行操作

1.查看网络 ipconfig 2.根据任务id关闭进程 1.模糊搜索服务 tasklist | findstr QQ 2.根据模糊搜索结果&#xff0c;获取对应的pid taskkill /F /PID 5128 其他常见命令 若不清楚参数&#xff0c;使用&#xff08;命令 /?&#xff09;即可查看help

APP不存在,AK有误请检查再重试。详情查看: http://lbsyun.baidu.com/apiconsole/key

近期网站报百度地图无法使用情况&#xff0c;请参考百度提示的详情操作。 提示1&#xff1a; 提示2&#xff1a; 创建并复制AK教程&#xff1a;获取百度地图AK-易优CMS

看我72变!教你最火的 AI 变身换脸

今天要向大家推荐一个超级实用的AI换脸 APP——好说AI &#xff01;这款工具让你告别繁琐的修图流程&#xff0c;轻松几步就能生成完美照片。更重要的是&#xff0c;无需电脑&#xff0c;只要手机就能搞定&#xff01; 从前&#xff0c;我们看着综艺和电视剧&#xff0c;幻想着…