JavaScript知识点（详细）

最新推荐文章于 2024-03-24 20:16:44 发布
最新推荐文章于 2024-03-24 20:16:44 发布
阅读量876 收藏 6
点赞数 1
分类专栏： Java 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53526922/article/details/121923537
版权

文章目录

JavaScript

一、引言

1.1JavaScript简介

  • JavaScript一种解释性脚本语言，是一种动态类型、弱类型、基于原型继承的语言，内置支持类型。
  • 它的解释器被称为JavaScript引擎，作为浏览器的一部分，广泛用于客户端的脚本语言，用来给HTML网页增加动态功能。

1.2JavaScript组成部分

  • ECMAScript语法
  • 文档对象模型(DOM Document Object Model)
  • 浏览器对象模型(BOM Browser Object Model)

1.3JavaScript发展史

  • 它是由Netscape公司的Brendan Eich用10天设计出来一门脚本语言，JavaScript是甲骨文公司的注册商标。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型浏，览器对象模型。
  • Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java"，因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。为了取得技术优势，微软推出了JScript来迎战JavaScript的脚本语言。两者都属于ECMAScript的实现，为了互用性，ECAM(欧洲计算机制造商协会)创建了ECMA-262标准(ECMAScript)。ECMAScript最新版本是2015发布的ECMAScript 6 (ES6)。

1.4JavaScript环境搭建

  • 使用HBuilderX进行页面开发X
  • 新建工程:文件->新建->Web项目

请添加图片描述

  • 创建一个< script></ script>标签

请添加图片描述

  • 运行效果

请添加图片描述

  • 还可以使用外部引用的形式把：原本的JavaScript代码写到一个文件里，之后再引用过来

请添加图片描述

二、JavaScript基本语法

2.1变量声明

  • 在JavaScript中，任何变量都用var关键字来声明，var是variable的缩写。
  • var是声明关键字，a是变量名语，句以分号结尾。
  • 这里值得注意的是，JavaScript中的关键字，不可以作为变量名。就像在Java中你不可以写"int int=1"一样。

var a;

JavaScript的部分关键字：

abstract、else、instanceof、super、boolean、enum、int、 Switch,、break、export、interface、synchronized、 byte、extends.let、 this、case、false、long、 throw、catch、final、native、throws、char、finally、new、transient、class、float, nul1、true、const、for、package、try、continue、function、private、typeof、debugger. goto、 protected,var、 default. if、 public.void、delete、implements、return、volatile、do、import、 short、while、double、in、static、with。

2.2基本类型

  • 变量的基本类型又有Number、String、Boolean、Undefined、Null五种。
  • 来声明一个数字Number类型如，下:

var a = 1;

  • 来声明一个字符串String类型。
  • 你可以使用:

var a = “1”;

  • 来声明一个布尔Boolean类型。
  • 你可以使用:

var a = false;

  • 在Java中，当一个变量未被初始化的时候，Java中是null或者基本数据类型的默认值。
  • 在JavaScript中，当一个变量未被初始化的时候，它的值为undefined。
  • 下面是演示undefined的情况：(当一个引用不存在时，它为Null。这个现象我们在之后的引用类型时再详细探讨)

var a;
document.write(a);

2.3引用类型

在Java中需要类定义，然后再实例对象：

public class Student{
    public int id;
    public String name;
    public int age;
}
public class Test{
    public static void main(String [] args){
        Student student = new Student();
        student.id=1;
        student.name="张三";
        student.age=18;
    }
}

在JavaScript中对象可以直接写出来：

var student={id:1,name:"张三",age:18};
student.write(student.id);
student.write(student.name);
student.write(student.age);

事实上，student被赋值为了一个JSON，JSON就是我们在Java基础阶段学过的，全称是JavaScript Object Notation，叫做JavaScript对象标记也，就是说，在JavaScript中JSON是用于标记一个对象的。

2.4数组类型

  • 数组就是和我们之前理解的数组概念一致，而在JavaScript中成为Array类型
  • 我们说JSON可以标记一个对象，那么它同样可以标记一个数组，就是Java基础时我们学过的JSONArray。

var a = [1,2,3,4];

  • 上述代码，我们说a是一个数组，在a中角标为0的元素是1。可以说这很简单
  • 接下来我们来尝试把之前的JSON放入数组中:
var student = [
	{id:1,name:"张三",age:18},
	{id:2,name:"李四",age:18},
	{id:3,name:"王五",age:19},
];
document.write(student[0].id);
document.write(student[0].name);
document.write(student[0].age);
document.write("<br>");//换行
document.write(student[1].id);
document.write(student[1].name);
document.write(student[1].age);
document.write("<br>");//换行
document.write(student[2].id);
document.write(student[2].name);
document.write(student[2].age);

运行结果：
请添加图片描述

2.5运算符

逻辑运算
名称运算符描述
与&&要求表达式左右两边的表达式同为true，整体结果才为true
或||要求表达式左右两边的表达式只要有一个为true，整体结果就为true
非！将布尔值取反操作
关系运算
名称运算符
等于==
小于<
小于等于<=
大于>
大于等于>=
不等于!=
值和类型相同===

三个等于“= = =”和两个等于“==”区别：

  • 前者比较两个引用，后者相当于比较两个值
  • 当比较两个值时，不考虑数据类型，也就是说1="1"是true
单目运算：自增自减
名称运算符描述
自增++变量的值每次加1，再赋给变量
自减–变量的值每次减1，再赋给变量
双目运算
名称运算符
加+
减-
乘*
除/
求余%
赋值=
加等+=
减等-=
除等/=
乘等*=
求余等%=
三目运算符

？：
var k = 100;
document.write(k>100?true:false);

2.6条件分支结构

if-else分支
var a=1;
var b=1;
if(a==b){
    document.write("相等");
}else{
    document.write("不相等");
}
switch分支
var a=2;
switch(a){
    case 1:
        document.write("值为1");
        break;
    case 2:
        document.write("值为2");
        break;
    case 3:
        document.write("值为3");
        break;
    default:
        document.write("啥也不是！");
}

2.7循环结构

for循环
var a=0;
for(var i=1;i<=100;i++){
    a+=i;
}
document.write(a);
//求1~100的和
while循环
var a=0;
var i=1;
while(i<=100){
    a+=i;
    i++;
}
//求1~100的和
do-while循环
var a=0;
var a=1;
do{
    a+=i;
    i++;
}while(i<=100);
document.write(a);
//求1~100的和
  • break与continue关键字
    • break用于结束循环
    • continue用于结束本次循环进入下次

2.8函数【重点】

函数定义：用function关键字来声明，后面是方法名字，参数列表里不写var。整个方法不写返回值类型。

function functionName(parameters){
    //执行的代码
}

//方法的定义与调用举例
function add(a,b){
    return a+b;
}
var c=1;
var d=2;
var e=add(1,2);
document.write(e);
//上述代码运行结果是3
//这里定义了一个add方法，参数是两个，与Java不同，参数的数据类型并没有。
//因为就算是写，全都是var，为了保证语法的简洁性，全写var索性就设计成全都不用写了
//返回值也是同样的道理，区别是，如果你写了返回值，那么有返回值,如果没写return,就没有返回值。

2.9常见弹窗函数

  • alert弹框：这是一个只能点击确定按钮的弹窗
  • alert方法没有返回值，也就是说如果用一个变量去接受返回值，将会得到undefined。无论你点击“确定”还是右上角的那个“X”关闭。

alert(“你好”);
请添加图片描述

  • confirm弹框这：是一个你可以点击确定或者取消的弹窗
  • confirm方法与alert不同，他的返回值是boolean，当你点击确定时，返回true无，论你点击取消还是右上角的那个"X"关闭,都返回false。

confirm(“你好”);
请添加图片描述

  • prompt弹框这：是一个你可以输入文本内容的弹窗
    • 第一个参数是提示信息，第二个参数是用户输入的默认值。
  • 当你点击确定的时候，返回用户输入的内容。当你点击取消或者关闭的时候，返回null。

prompt(“你爱学习吗？”，“爱”);
请添加图片描述

2.10事件

事件名称描述
onchangeHTML元素内容改变
onclick用户点击HTML元素
onmouseover用户将鼠标移入一个HTML元素中
onmousemove用户在一个HTML元素上移动鼠标
onmouseout用户从一个HTML元素上移开鼠标
onkeyup键盘
onkeydown用户按下键盘按键
onload浏览器已完成页面的加载
onsubmit表单提交

2.11正则表达式

  • 正则表达式是描述字符模式的对象。

  • 正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。语法:

    • var patt=new RegExp(pattern,modifiers);
    • var patt=/pattern/modifiers;
    var re = new RegExp("\ \w+");
var re = /\w+/;

    1.修饰符：用于执行区分大小写和全局匹配：

    修饰符描述
    i执行对大小写不敏感的匹配
    g执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
    m执行多行匹配。

    2.方括号：用于查找某个范围内的字符

    表达式描述
    [abc]查找方括号之间的任何字符。
    [^abc]查找任何不在方括号之间的字符。
    [0-9]查找任何从0至9的数字。
    [a-z]查找任何从小写a到小写z的字符。
    [A-Z]查找任何从大写A到大写Z的字符。
    [A-z]查找任何从大写A到小写z的字符。
    [adgk]查找给定集合内的任何字符。
    [^adgk]查找给定集合外的任何字符。
    (red|blue|green)查找任何指定的选项。

    3.元字符(Metacharacter)：是拥有特殊含义的字符:

    元字符描述
    .查找单个字符，除了换行和行结束符。
    \w查找单词字符。
    \W查找非单词字符。
    \d查找数字。
    \D查找非数字字符。
    \s查找空白字符。
    \S查找非空白字符。
    \b匹配单词边界。
    \B匹配非单词边界。
    \0查找NULL字符。
    \n查找换行符。
    \f查找换页符。
    \r查找回车符。
    \t查找制表符。
    \v查找垂直制表符。
    \xxx查找以八进制数xxx规定的字符。
    \xdd查找以十六进制数dd规定的字符。
    \uxxxx查找以十六进制数xxxx规定的Unicode字符。

    4.量词用：于表示重复次数的含义

    量词描述
    n+匹配任何包含至少一个n的字符串。例如，/a+/匹配 “candy"中的"a”, “caaaaaaandy"中所有的"a”。
    n*匹配任何包含零个或多个n的字符串。例如，/bo*/匹配 “Aghost booooed"中的"boooo”，“A bird warbled"中的"b”，但是不匹配"A goat grunted"。
    n?匹配任何包含零个或一个n的字符串。例如，/e?le?/匹配"angel"中的"el",“angle"中的"le”。
    n{X}匹配包含x个n的序列的字符串。例如，/a{2]/不匹配 “candy,“中的"a”，但是匹配 “candy,“中的两个"a”,且匹配"caaandy中的前两个"a”。
    n{X,}X是一个正整数。前面的模式n连续出现至少X次时匹配。例如，/a{2,)/不匹配"candy"中的"a"，但是匹配"caandy"和"caaaaaaandy.“中所有的"a”。
    n{X,Y}X和Y为正整数。前面的模式n连续出现至少×次，至多Y次时匹配。例如，/a(1,3}/不匹配"cndy"，匹配 “candy,“中的” a”，“caandy,“中的两个"a”,匹配"caaaaaandy"中的前面三个” a"。注意，当匹配"caaaaaandy"时，即使原始字符串拥有更多的"a",匹配项也是"aaa"。
    n{X}前面的模式n连续出现x次时匹配
    n$匹配任何结尾为n的字符串。
    ^n匹配任何开头为n的字符串。
    ?=n匹配任何其后紧接指定字符串n的字符串。
    ?!n匹配任何其后没有紧接指定字符串n的字符串。

    5.RegExp对象方法

    方法描述
    compile编译正则表达式。
    exec检索字符串中指定的值。返回找到的值,并确定其位置。
    test检索字符串中指定的值。返回true或 false。

    6.支持正则表达式的 String对象的方法

    方法描述
    search检索与正则表达式相匹配的值。
    match找到一个或多个正则表达式的匹配。
    replace替换与正则表达式匹配的子串。
    split把字符串分割为字符串数组。

    正则表达式的使用

    ​ test方法搜：索字符串指定的值根，据结果并返回真或假

    ​ exec()方法检：索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回null。

    var patt1 = new RegExp("e");
document.write(patt1.test("The best things in life are free"));

三、JavaScript的DOM【重点】

3.1概述

  • 通过HTML DOM，可访问 JavaScript HTML文档的所有元素。

  • 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model) 。

  • HTML DOM模型被构造为对象的树:
    请添加图片描述

  • 通过可编程的对象模型，JavaScript获得了足够的能力来创建动态的 HTML

    • JavaScript能够改变页面中的所有HTML元素。
    • JavaScript能够改变页面中的所有HTML属性。
    • JavaScript能够改变页面中的所有CSS样式。
    • JavaScript能够对页面中的所有事件做出反应。

3.2查找HTML元素

  • 通常，通过JavaScript，您需要操作 HTML元素。
  • 为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：
    • 通过id找到HTML元素
      • 在DOM中查找HTML元素的最简单的方法，是通过使用元素的id。
      • 方法：document.getElementByld(“id属性值”);
      • 如果找到该元素，则该方法将以对象(在×中)的形式返回该元素。
      • 如果未找到该元素，则×将包含null。
    • 通过标签名找到HTML 元素
      • 方法：getElementsByTagName(“合法的元素名”);
    • 通过类名找到HTML 元素
      • 方法：getElementsByClassName(“class属性的值”)

3.3改变HTML

改变HTML输出流：document.write()可用于直接向HTML 输出流写内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			document.write("Hello world,JavaScript");
		</script>
	</body>
</html>

改变HTML内容：使用innerHTML属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p id="p1">Hello world!</p>
		<script>
			document.getElementById("p1").innerHTML="abcd";
		</script>
	</body>
</html>

请添加图片描述

  • 改变HTML属性：document.getElementByld( id ).attribute=新属性值
  • 将attribute替换成真实的属性名
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img id="image" src="1.gif" />
		<script>
			document.getElementById("image").src="2.jpg";
		</script>
	</body>
</html>

3.4CSS变化

  • 对象.style.property=新样式
  • 将property替换成真实的css属性名
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p id="p1">Hello world!</p>
        <p id="p2">Hello world!</p>
		<script>
            document.getElementById("p2").style.color="blue";
            document.getElementById("p2").style.fontFamily="Arila";
            document.getElementById("p2").style.fontSize="larger";
		</script>
        <p>以上段落通过修改脚本修改</p>
	</body>
</html>

3.5DOM事件

  • HTML DOM允许我们通过触发事件来执行代码。
  • 比如以下事件:
    • 元素被点击。
    • 页面加载完成。
    • 输入框被修改。
3.5.1本例改变了id="id1"的HTML元素的样式，当用户点击按钮时
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1 id="id1">myH1</h1>
        <button type="button" onclick="document.getElementById('id1').style.color='blue';">
            button
        </button>
	</body>
</html>

点击前
请添加图片描述

点击后

请添加图片描述

  • HTML DOM使JavaScript有能力对 HTML 事件做出反应。
3.5.2在本例中，当用户在h1元素上点击时，会改变其内容:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1 onclick="this.innerHTML='0oops!'">点击文本！</h1>
	</body>
</html>

点击前

请添加图片描述

点击后

请添加图片描述

从事件处理器调用一个函数：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function changetext(id)
			{
				id.innerHTML="0oops!";
			}
		</script>
	</head>
	<body>
		<h1 onclick="changetext(this)">点击文本！</h1>
	</body>
</html>

点击前
请添加图片描述

点击后
请添加图片描述

如需向HTML元素分配事件，您可以使用事件属性。

<button onclick=" displayDate()">点这里</button>

HTML DOM允许您使用JavaScript来向HTML 元素分配事件:

<script>
    document.getElementById("myBtn").onclick=function(){displayDate()};
</script>

3.6EventListener

  • addEventListener()方法
    • 在用户点击按钮时触发监听事件
document.getElementById("myBtn").addEventListener("click",displayDate);
  • addEventListener()方法用于向指定元素添加事件句柄。
  • addEventListener()方法添加的事件句柄不会覆盖已存在的事件句柄。
  • 你可以向一个元素添加多个事件句柄。
  • 你可以向同个元素添加多个同类型的事件句柄，如：两个"click"事
  • 你可以向任何DOM对象添加事件监听，不仅仅是HTML元素。如: window对象。
  • addEventListener()方法可以更简单的控制事件（冒泡与捕获)。
  • 当你使用addEventListener()方法时，JavaScript 从HTML标记中分离开来，可读性更强，在没有控制HTML标记时也可以添加事件监听。
  • 你可以使用removeEventListener()方法来移除事件的监听。
elementEventListener(event,function,useCapture);
参数名描述
event事件的类型(如"click"或"mousedown")
function事件触发后调用的函数
useCapture用于描述事件是冒泡还是捕获。该参数是可选的

当用户点击元素时弹出Hello World！

evement.addEventListener("click",myFunction);
function myFunction(){
    alert("Hello World!");
}

addEventListener()方法允许向同个元素添加多个事件，且不会覆盖已存在的事件:

evement.addEventListener("click",myFunction);
evement.addEventListener("click",mySecondFunction);

你可以向同个元素添加不同类型的事件:

evement.addEventListener("mouseover",myFunction);
evement.addEventListener("click",mySecondFunction);
evement.addEventListener("mouseout",myThirdFunction);
  • addEventListener()方法允许你在HTMLDOM对象添加事件监听，HTML DOM对象如：HTML元素，HTML文档， window对象。或者其他支出的事件对象如： xmlHttpRequest对象。
  • 当用户重置窗口大小时添加事件监听:
window.addEventListener("resize",function(){
    document.getElementById("demo").innerHTML = sometext;
});
  • 事件传递有两种方式:冒泡与捕获。
  • 事件传递定义了元素事件触发的顺序。如果你将p元素插入到div元素中，用户点击p元素，哪个元素的 click事件先被触发呢?
    • 在冒泡中，内部元素的事件会先被触发，然后再触发外部元素，即：p元素的点击事件先触发，然后会触发div元素的点击事件。
    • 在捕获中，外部元素的事件会先被触发，然后才会触发内部元素的事件，即: div元素的点击事件先触发，然后再触发p元素的点击事件。
  • addEventListener()方法可以指定"useCapture"参数来设置传递类
addEventListener(event,function,useCaption);

默认值为false，即冒泡传递，当值为true时，事件使用捕获传递。

document.getElementById("myDiv").addEventListener("click",myFunction,true);

removeEventListener()方法移除由addEventListener()方法添加的事件句柄:

element.removeEventListener("mousemove",myFunction);

3.7操作元素

  • 如需向HTML DOM添加新元素，您必须首先创建该元素(元素节点)，然后向一个已存在的元素追加该元素。
    • 创建元素：document.createElement()
    • 追加元素：appendChild()
<div id="div1">
    <p id="p1">这是一个段落。</p>
	<p id="p2">这是另一个段落。</p>
</div>
<script>
        var para=document.createElement("p");
var node=document.createTextNode("这是一个新段落。");
para.appendchi1d(node) ;

var element=document.getElementById("div1");
element.appendChild(para);
</script>
  • 删除已有的HTML元素
  • 使用方法：removeChild()
<div id="div1">
    <p id="p1">这是一个段落。</p>
	<p id="p2">这是另一个段落。</p>
</div>
<script>
        var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>

四、浏览器BOM

  • 浏览器对象模型(BOM-Browser Object Model)使 JavaScript有能力与浏览器“对话”。
  • 由于现代浏览器已经（几乎）实现了JavaScript交互性方面的相同方法和属性，因此常被认为是BOM的方法和属性。

4.1window

  • 所有浏览器都支持window对象。它表示浏览器窗口。

  • 所有 JavaScript全局对象、函数以及变量均自动成为window对象的成员。

  • 全局变量是window对象的属性。

  • 全局函数是window对象的方法。

  • 甚至HTML DOM的document也是window对象的属性之—

  • window的尺寸

    • 对于Internet Explorer、Chrome、Firefox、Opera以及 Safari:

      • window.innerHeight——浏览器窗口的内部高度(包括滚动条)
      • window.innerWidth——浏览器窗口的内部宽度(包括滚动条)

    • 对于Internet Explorer 8、7、6、5:

      • document.documentElement.clientHeight

      • document.documentElement.clientWidth

        或者

      • document.body.clientHeight

      • document.body.clientWidth

var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;
  • Window Screen
    • 可用宽度：screen.availWidth属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。
    • 可用高度：screen.availHeight属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。
document.write("可用宽度:” + screen.availWidth);
document.write("可用高度:” + screen.availHeight);
  • Window Location
    • window.location——对象用于获得当前页面的地址(URL)，并把浏览器重定向到新的页面
    • window.location——对象在编写时可不使用window这个前缀。一些例子:
      • location.hostname——返回web主机的域名
      • location.pathname——返回当前页面的路径和文件名
      • location.port——返回web主机的端口(80或443)
      • location.protocol——返回所使用的web协议(http://或https://)
      • location.href——属性返回当前页面的 URL
      • location.assign()——方法加载新的文档
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function newDoc()
			{
				window.location.assign("http://www.baidu.com/")
			}
		</script>
	</head>
	<body>
		<input type="button" value="Load new document" onclick="newDoc()" />
	</body>
</html>
  • Window History
    • window.history——对象包含浏览器的历史
    • window.history——对象在编写时可不使用window这个前缀。
      • history.back()
      • history.forward()
    • —些方法示例如下:

history.back()——与在浏览器点击后退按钮相同

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function goBack()
			{
				window.history.back()
			}
		</script>
	</head>
	<body>
		<input type="button" value="Back" onclick="goBack()" />
	</body>
</html>

history.forward()——与在浏览器中点击按钮向前相同

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function goForward()
			{
				window.history.forward()
			}
		</script>
	</head>
	<body>
		<input type="button" value="Forward" onclick="goForward()" />
	</body>
</html>
  • Window Navigator
    • window.navigator——对象在编写时可不使用window这个前缀。
<div id="example" ></div>
<script>
    txt = "<p>浏览器代号:" + navigator.appCodeName + "</p>";
	txt+= "<p>浏览器名称:" + navigator.appName + "</p>";
	txt+= "<p>浏览器版本:" +navigator.appVersion + "</p>";
	txt+= "<p>启用Cookies: " +navigator.cookieEnabled + "</p>";
	txt+= "<p>硬件平台:" + navigator.platform + "</p>";
	txt+= "<p>用户代理:" +navigator.userAgent + "</p>";
	txt+= "<p>用户代理语言:" +navigator.systemLanguage + "</p>";
	document.getElementById( "example").innerHTML=txt;
</script>

4.2JavaScript定时器

  • 定义定时器:
    • setlnterval('调用函数,毫秒时间)：每间隔固定毫秒值就执行一次函数
    • setTimeout(‘调用函数’,毫秒时间)：在固定时间之后执行一次调用函数
  • 关闭定时器:
    • clearlnterval(定时器名称)
    • clearTimeout(定时器名称)
鑫仔的记忆
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入理解TypeScript：export interface与export type的区别与应用
andy_68147772的博客
12-08 2909
都非常有用，它们可以互相替换使用。可以用来声明一个类型别名，它可以是任何有效的类型，包括基本类型、联合类型、交叉类型等。都可以用来导出类型，但它们在某些方面有所不同。如果你需要声明联合类型、交叉类型、元组类型或其他复杂的类型组合，那么。可以被扩展和实现，这使得它们非常适合定义对象的形状或类的公共接口。如果你需要使用继承或实现，或者你想要利用声明合并的特性，那么。是一个可以用来描述对象形状的结构，它支持继承和实现。，TypeScript会将它们合并为一个接口。可以通过交叉类型来组合，但不能被扩展或实现。
TS Interface
SeriousLose
01-24 987
优化错误提示 interface IOptions { name: string age: number extra: { data: Object methods: Object } } // 参数options要求符合IOptions定义的规则 function sthConstructor (options: IOptions) {} // options对象当中并没有任何ts的静态检查和提示 const options = {
JavaScript基础知识汇总【全！】
最新发布
伟庭师兄的博客
03-24 905
var 变量名 = 值;// var:关键字// 变量名(标识符): 变量名由字母、数字、下划线和$组成且不能以*数字*开头,变量名不能使用关键字。中文是合法的标识符, 可以用作变量名。// 声明变量而没给赋值, 默认是undefined, undefined 是一个特殊的值, 表示‘无意义’。// 如果变量赋值的时候忘了写var 关键字, 这条语句也是有效的;// 但是不写var 不利于表达意图, 而且容易不知不觉的创建全局变量, 所以建议使用var声明变量。
javascript基础知识点总结（一）
热门推荐
qq_34928693的博客
08-16 1万+
定义数组的两种方法 var ａ＝［１,２,３］; var ａ＝new Array(1,2,3); 数组的length属性 既可以获取，也可以设置 并可以用于清空数组（length ＝ ０） 数组的方法 push(元素)，从尾部添加 pop()，从尾部删除 arr.pop():删除数组arr的最后一个 unshift(元素)，从头部添加 shift()，从头部删除 数组sp...
interface、implement、extends、class、super区别
galaxyfanqi的博客
01-11 909
一套任务类的构建流程
JavaScript知识点总结(一)
一名大二在校大学生，本科计算机科学与技术在读~
09-10 481
JavaScript一些基础知识点，由个人总结并结合资料，欢迎交流经验。
javascript知识点收藏
10-31
javascript知识点收藏
JavaScript知识点
03-15
JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本...
JavaScript笔记知识点整理图文.pdf
11-29
JavaScript笔记知识点整理图文.pdf是一个非常实用的资源，涵盖了JavaScript的基本概念、变量和数据类型、运算符、控制结构、函数、数组、对象、事件、DOM等领域的知识点，为开发者提供了详细的参考资料。
JavaScript知识点.docx
07-07
本笔记主要涵盖了JavaScript的基础知识点，包括它的用途、特点、组成部分、语法结构以及一些核心概念。 首先，我们了解为什么要学习JavaScript。JavaScript主要用于两个方面：一是实现表单验证，这能够减轻服务器的...
JavaScript资料
LifeDreamweaver的专栏
10-20 386
本文主要是收集了一些JavaScript的优秀教程以及工具，希望对使用JavaScript的同学能够帮助。这份清单并针对初学者教学，阅读前需要一些JavaScript基础。 Advice JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScrip
javascript资料大全
10-09
个人收集的js全部资料，还蛮好。
Javascript入门学习资料收集整理篇
01-21
Javascript入门学习第一篇 js基础Javascript入门学习第二篇 js类型Javascript入门学习第三篇 js运算Javascript入门学习第四篇 js对象和数组Javascript入门学习第五篇 js函数Javascript入门学习第六篇 js DOM编程Javascript入门学习第七篇 js dom实例操作Javascript入门学习第八篇 js dom节点属性说明Javascript入门学习第九篇 Javascript DOM 总结jQuery基础教程笔记适合js新手
javascript 资料
03-27
NULL 博文链接：https://zhengjun147.iteye.com/blog/1168902
JavaScript设计模式之一Interface接口
weixin_30477797的博客
02-21 1599
什么是接口？ 接口提供了一种用以说明一个对象应该具有哪些方法和手段。 在面向对象的javascript中，接口有些什么作用呢？既定的一批接口具有自我描述性，并能促进代码重用。接口可以告诉程序员一个类实现了哪些方法，从而帮助其使用这个类。 在C#还是JAVA中都应该面向接口设计我们的程序，在C#和Java中都Interface这样的关键字，但是JavaScript中没有相应的机制，但是Java...
谈谈对js中import 和export的理解
qq_39406460的博客
09-22 3154
export和import相关的用法
【JavaScript】知识点总结
qq_43909184的博客
05-09 313
文章目录JavaScriptJavaScript组成javascript和html的结合方式数据类型和声明变量js语句运算符数值运算字符串的相加相减运算boolean类型相加减\==和===js的数组定义方式Array常用属性和方法js的函数定义函数（三种）js的全局变量和局部变量js的全局函数js函数重载js的String对象与html相关的方法与java相似的方法js的Date对象js的BOM对象js的DOM对象document对象Element对象 JavaScript 是基于对象和事件驱动的脚本语言
javascript知识点
03-28
1. 变量和数据类型：变量、字符串、数字、布尔值、数组、对象等。 2. 运算符：算术运算符、逻辑运算符、比较运算符、...10. ECMAScript和浏览器兼容性：了解ECMAScript的规范和JavaScript在不同浏览器中的兼容性问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值