JavaScript

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据:

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。
  • JavaScript 语法

    JavaScript 是一个脚本语言。

    它是一个轻量级,但功能强大的编程语言。

  • JavaScript 语句

    JavaScript 语句是发给浏览器的命令。

    这些命令的作用是告诉浏览器要做的事情。

    下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" :

  • 分号 ;

    分号用于分隔 JavaScript 语句。

    通常我们在每条可执行的语句结尾添加分号。

    使用分号的另一用处是在一行中编写多条语句。

  • JavaScript 代码

    JavaScript 代码是 JavaScript 语句的序列。

    浏览器按照编写顺序依次执行每条语句。

推荐这些技术文章:

JavaScript对象

数组对象:
创建数组:
创建方式1:
var arrname = [元素0,元素1,….]; // var arr=[1,2,3];

创建方式2:
var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a",true);

数组的方法:

点击查看代码
var arr = ["A","B","C","D...

(五).JavaScript的函数

1. 函数
1.1 函数基础简介

函数介绍

函数:具有特定功能的代码块
本质:一种对象数据类型
功能:1. 代码复用 2. 项目模块化
函数组成(两者必须同时存在):
1. 函数定义
2. 函数调用
有声明,没调用,函数不会生效;
没声明,有调用。引用类型错误

函数的定义方式(三种,本质上都是 new Function())

函数声明定义

function ...

(六).JavaScript的数组(2)

1.10 作用域链

定义:

作用域链:查找变量的过程
作用: 查找变量
查找规则:首先会在自身作用域找变量,找到就用
如果没有,就去上级作用域查找,找到就用
如果没有,一直往上找,直到全局作用域,有就用,没有就报错

作用域是一个相对概念
作用域的顶端一定是全局作用域
作用域是函数声明的时候确定的,作用域链是函数调用的时候有的,不调用不存在

作用域...

JavaScript – 数据类型

前言
写着 TypeScript 学习笔记, 顺便也写点 JS 的呗.
 
JS 数据类型
string
number
boolan
undefined
null
object
symbol
bigint
其中 symbol 和 bigint 是后来加进去的
另外还有一些很常见但其它它们不能说是类型. array, function, class, arrow function, Na...

JavaScript – Iterator

前言
es6 以后经常可以看到 for...of 的踪迹. 如果你细看会发现它挺神奇的. 不只是 Array 可以被 for of, 有些对象也可以被 for of.

const array = [1, 2, 3];
console.log(Array.isArray(array)); // true
for (const value of array) {
console.log(val...

JavaScript-流程控制

if判断
var age = 3;
if(age>3){
alert("haha");
} else {
alert("wawa");
}

while循环避免程序死循环
while(age<100){
age = age +1;
...

JavaScript踩坑解构赋值

一、解构赋值
  解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。
  常用的使用方式就是以字面量[]或者{}来获取 array或者 object的值。
  常规用法:
  数组的解构:

let a, b, rest;

[a, b] = [10, 20];
console.log(a);// 1...

JavaScript Console 样式

使用Console输出一些文字的时候,都是相同的文字不好辨别
很多大厂都对输出的内容进行了简单的美化
美化参考
BiliBili

百度

还有很多很多,这里不一一举例
那么这里提供一些简单的美化技巧,供大家日常使用
分组变色
效果演示

实现代码
console.group('分组标题');
console.log(`%c 旧值`, `color: #9E9E9E; font-weight: ...

JavaScript相等(==)和全等(===)运算符的区别

相等运算符可以做类型转换,全等运算符是在相等运算之上再加上类型的对比。1.数字字符串可转换为数字,布尔值也可以转为数字,例如:'1'==true是true2.Null和Undefined不能进行转换,Null==Undefined是true,它们和0比较都是false 3.NaN表示一个不确切的数值,所以无论和NaN怎么比较都是false4.比较对象的时候,要考虑引用对象的地址。
猜猜下面代码的...

JavaScript Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog

1、方式1: window.location.href

 

window.location.href="https://www.cnblogs.com/guorongtao/";     //在当前窗口中打开窗口

 
 

 

类似于HTML:

 
 

&...

文章标题:JavaScript
文章链接:https://www.dianjilingqu.com/4397.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>