【尚硅谷】JavaScript基础&实战丨JS入门到精通_01-06

【尚硅谷】JavaScript基础&实战丨JS入门到精通_01-061.JavaScript–ECMAScript–DOM–BOM2.JS基础JS代码需要编写到<scripttype=”text/javascript”> console.log(“HelloWorld”);</script>

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

1.JavaScript

– ECMAScript
– DOM
– BOM

2.JS的HellowWorld

输出语句

  • 控制浏览器弹出一个警告框(用户可见)
alert("哥,你真帅啊!!");

Jetbrains全家桶1年46,售后保障稳定

  • 让计算机在页面中输出一个内容(用户可见)
    document.write()可以向body中输出一个内容
 document.write("看我出不出来~~~");
  • 向控制台输出一个内容(开发人员可见)
    console.log()的作用是向控制台输出一个内容
 console.log("你猜我在哪出来呢?");

3.JS编写位置

  1. JS代码需要编写到<Script>标签中。我们一般将<script>标签写到<head></head>中。(和style标签有点像)
    属性:
    – type:默认值text/javascript可以不写,不写也是这个值。
    – src:当需要引入一个外部的js文件时,使用该属性指向文件的地址。
<script type="text/javascript">
	console.log("Hello World");
</script>
  1. 点击事件
    (1)可以将js代码编写到标签的onclick属性中,写在的body中,当我们点击按钮时,js代码才会执行。
    缺点:虽然可以写在标签的属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用
<button onclick="alert('讨厌,你点我干嘛~~');">点我一下</button>
	<!--
		可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码
	-->
<a href="javascript:alert('让你点你就点!!');">你也点我一下</a>
<a href="javascript:;">你也点我一下</a>

(2)可以将js代码编写到script标签

<script type="text/javascript">
alert("我是script标签中的代码!!");

(3)可以将js代码编写到外部js文件中,然后通过script标签引入(☆☆☆)
优点:写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制。
注意:script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略
如果需要则可以在创建一个新的script标签用于编写内部代码。

<script type="text/javascript" src="js/script.js"></script>

<script type="text/javascript">
	alert("我是内部的JS代码");
</script>

js/script.js

alert("我是外部JS文件中的代码");

4.基本语法

  1. JS注释
    (1)多行注释
    /* 多行注释,注释中的内容不会被执行,但是可以在源代码中查看。要养成良好的编写注释的习惯,也可以通过注释来对代码进行一些简单的调试. */
    快捷键:

//单行注释
快捷键:Ctrl+/

  1. JS中严格区分大小写
  2. JS中每一条语句以分号(;)结尾
    如果不写分号,浏览器会自动添加,但是会消耗一些系统资源,
    而且有些时候,浏览器会加错分号,所以在开发中分号必须写
  3. JS中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化

5.字面量和变量

  1. 字面量,都是一些不可改变的值
    比如 :1 2 3 4 5
    字面量都是可以直接使用,但是我们一般都不会直接使用字面量
  2. 变量 变量可以用来保存字面量,而且变量的值是可以任意改变的
    变量更加方便我们使用,所以在开发中都是通过变量去保存一个字面量,
    而很少直接使用字面量
    可以通过变量对字面量进行描述
//声明变量
//在js中使用var关键字来声明一个变量
var a;

//为变量赋值
a = 123;
a = 456;
a = 123124223423424;

//声明和赋值同时进行
var b = 789;
var c = 0;
var age = 80;

console.log(age);

6.标识符

  1. 在JS中所有的可以由我们自主命名的都可以称为是标识符
    例如:变量名、函数名、属性名都属于标识符

  2. 命名一个标识符时需要遵守如下的规则:
    (1)标识符中可以含有字母、数字、_、$
    (2)标识符不能以数字开头
    (3)标识符不能是ES中的关键字或保留字
    (4)标识符一般都采用驼峰命名法
    – 首字母小写,每个单词的开头字母大写,其余字母小写
    helloWorld xxxYyyZzz

  3. JS底层保存标识符时实际上是采用的Unicode编码,
    所以理论上讲,所有的utf-8中含有的内容都可以作为标识符

var if = 123;
//违背规则3
console.log(if);
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/204283.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • cad快速选择命令快捷键_CAD快捷键,命令大全

    cad快速选择命令快捷键_CAD快捷键,命令大全一 常用 CTRL ALT 快捷键 ALT TK 如快速选择 ALT NL 线性标注 ALT VV4 快速创建四个窗口 ALT MUP 提取轮廓 Ctrl B 栅格捕捉模式控制 F9 Ctrl C 将选择的对象复制到剪切板上 Ctrl F 控制是否实现对象自动捕捉 F3 Ctrl G 栅格显示模式控制 F7 Ctrl J 重复执行上一步命令 Ctrl K 超级链接 Ctrl N 新建图形文件 C

    2025年9月6日
    8
  • MySQL递归查询 三种实现方式

    MySQL递归查询 三种实现方式我是以山东济南的行政区划作为示例的,数据库是MySQL话不多说,直接上示例代码!感觉阅读麻烦的伙伴可以直接下载资源:点我下载1.建表脚本1.1.建表DROPTABLEIFEXISTS`sys_region`;CREATETABLE`sys_region`(`id`int(50)NOTNULLAUTO_INCREMENTCOMMENT’地区主键编号’,`name`varchar(50)CHARACTERSETutf8COLLATEut

    2022年7月15日
    41
  • Landsat系列卫星数据应用介绍

    Landsat系列卫星数据应用介绍目录1.LandSat介绍1.1Landsat-5介绍1.2Landsat-7介绍1.3Landsat-8介绍1.4LandSat影像下载网址:2传感器简介2.1Landsat5TM2.2Landsat7ETM2.2.1产品描述2.2.2Landsat7波段参数2.3Landsat8卫星2.3.1Landsat8产品…

    2022年7月23日
    10
  • 详解 JVM Garbage First(G1) 垃圾收集器

    详解 JVM Garbage First(G1) 垃圾收集器版权声明:本文为博主原创文章,转载请联系作者并注明出处。详解JVMGarbageFirst(G1)垃圾收集器前言GarbageFirst(G1)是垃圾收集领域的最新成果,同时也是HotSpot在JVM上力推的垃圾收集器,并赋予取代CMS的使命。如果使用Java8/9,那么有很大可能希望对G1收集器进行评估。本文详细首先对JVM其他的垃圾收集器进行总结,并与G1进

    2022年6月13日
    61
  • pl sql 查看数据库版本「建议收藏」

    pl sql 查看数据库版本「建议收藏」命令窗口执行语句:select*fromv$version;可以查看数据库版本信息

    2022年10月12日
    2
  • 十年研发经验工程师的嵌入式学习书籍大推荐(转帖)

    十年研发经验工程师的嵌入式学习书籍大推荐(转帖)从事嵌入式研发行业十年,认为学习就是要不断的吸纳知识,在研发过程中,经常会遇到一些问题,这种发现问题并解决问题的过程就是进步。为什么选择学习嵌入式?嵌入式系统无疑是当前最热门最有发展前途的IT应用领域之一,同时也是当今IT领域仅存的几个金领职位之一。当前的中国IT人才面临严重的“后继乏人”,而且这种缺口由于培训缺乏、教育模式等原因造成的,而缺口最大的,就是高级IT人才。如果你从事的IT培训不专业…

    2022年6月4日
    30

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号