分类目录归档:JavaScript

JavaScript with


JavaScript的with语句是在一个对象上编辑多个属性的简便方法。大多数开发人员不鼓励使用with ,您最好不要使用此关键字。

注意"strict mode"禁止使用with

句法

with (expression)
  statement

示例用法

在JavaScript中,您可以单独修改对象的属性,如下所示:

let earth = {};
 earth.moons = 1;
 earth.continents = 7;

with为您提供了修改对象属性的简写:

with (earth) {
  moons = 1;
  continents = 7;
 }

虽然这...

阅读全文...

JavaScript 窗口setTimeout方法


setTimeout()方法在指定的毫秒数后调用函数或计算表达式。

提示:

  • 1000毫秒= 1秒。
  • 该功能仅执行一次。如果需要重复执行,请使用setInterval()方法。
  • 使用clearTimeout()方法来阻止函数运行。

setTimout()方法的语法如下:

setTimeout(function, milliseconds, param1, param2, ...);

例如:

setTimeout(function(){ alert("Hello"); }, 3000);

关于setTimeout()一个非常重要的事情是它将异步执行。我们来举个例子...

阅读全文...

JavaScript Window setInterval方法


setInterval()方法以指定的时间间隔(以毫秒为单位)调用函数或计算表达式。

setInterval(function(){ alert("Hello"); }, 3000);

setInterval()方法将继续调用该函数,直到调用clearInterval()或关闭窗口。

setInterval()方法可以将其他参数传递给函数,如下例所示。

setInterval(function, milliseconds, parameter1, parameter2, parameter3);

setInterval()返回的ID值用作clearInterval...

阅读全文...

JavaScript 窗口打开方法


Window open()方法可用于将指定的资源加载到具有指定名称的浏览上下文(窗口或选项卡)中。如果此名称不存在,则会创建一个新窗口,并将资源加载到其上下文中。

Prameters

url 一个DOMString,指示要加载的资源。这可以是浏览器支持的任何资源的路径或URL。

windowName DOMString,指定将加载内容的浏览上下文(窗口或选项卡)的名称;如果名称未指示现有上下文,则会创建一个新窗口,并为其指定windowName指定的名称。然后,通过将其指定为目标属性,可以将此名称用作链接和表单的目标。

windowFeatures optional 一个DOMStrin...

阅读全文...

JavaScript window.localStorage


localStorage为您的Web应用程序提供了一种在用户浏览器中本地存储数据的方法。

在HTML5之前,应用程序数据必须存储在cookie中。每个HTTP请求都包含Cookie,从而通过传输相同的数据来减慢Web应用程序的速度。 Cookie也限制在大约4 KB的数据中,这些数据可能不足以存储所需的数据。

localStorage限制大于cookie,每个域最多10MB数据,并且信息永远不会传输到服务器。

localStorage的类型

有两种主要的Web存储类型:

  • 本地存储:存储没有过期日期的数据。即使用户的浏览器已关闭并重新打开, localStorage的数据也会保留。
  • 会话...

阅读全文...

JavaScript 窗口位置


window.location对象可用于获取有关当前页面地址(URL)的信息,并将浏览器重定向到新页面。

window.location对象可以在没有window前缀的情况下编写,就像location

一些例子:

  • window.location.href返回当前页面的href(URL)
  • window.location.hostname返回Web主机的域名
  • window.location.host返回主机名和任何关联的端口
  • window.location.pathname返回当前页面的路径和文件名
  • window.location.protocol返回使用的Web协议(http:或ht...

阅读全文...

JavaScript 窗口确认方法


您可以使用confirm方法要求用户仔细检查网页上的决定。当您调用此方法时,浏览器将显示一个对话框,其中有两个选项,分别为“确定”和“取消”。

例如,假设有人刚刚单击了“删除”按钮。您可以运行以下代码:

if (window.confirm("Are you sure you want to delete this item?")) {
  // Delete the item
 }

消息“您确定要删除此项吗?”将出现在对话框中。如果用户单击OK,则confirm方法将返回true ,浏览器将在if语句中运行代码。如果他或她单击取消,该方法将返回false并且不会发...

阅读全文...

JavaScript 窗口clearTimeout方法


clearTimeout()方法用于停止使用setTimeout()方法设置的计时器。

clearTimeout(setTimeout_ID);

如果在计时器完成计数之前调用clearTimeout()方法,clearTimeout()方法将停止执行setTimeout()方法。

为了能够使用clearTimeout()方法,您必须使用全局变量。请参阅下面的示例

myID = setTimeout(function, milliseconds);

更多JavaScript教程

学习更多JavaScript教程

阅读全文...

Typescript get 和 set属性


Typescript还支持getset属性。 Get和Set Properties实际上称为Accessors。属性的访问器包含与获取(读取)或设置(写入)属性相关联的可执行语句。声明可以包含get访问器或set访问器或两者。

class User {
    private _fullName: string = '';

    get fullName() {
        return this._fullName;
    }

    set fullName(name) {
        this._fullName = name;
    }
 }
...

阅读全文...