分类目录归档:JavaScript

JavaScript DOM getElementById 方法


getElementById()方法返回具有指定值的id属性的元素。它需要一个参数,它是所需元素的id的区分大小写的字符串。

此方法是HTML DOM中最常用的方法之一,几乎每次您想要操作文档中的元素或从中获取信息时都会使用此方法。这是一个简单的语法示例:

HTML内容:

<div id="demo"></div>

JavaScript内容:

document.getElementById("demo"); // Returns the element with id "demo"

如果你有多个具有相...

阅读全文...

HTML Dom Innerhtml属性


innerHTML prop返回所选元素中的HTML内容,并允许您定义新的HTML内容。

获取元素内容

<div id="demo">
  <p>Demo</p>
 </div>
var element = document.getElementById("demo");
 console.log(element.innerHTML) //logs <p>Demo</p>

设置元素内容

<div id="demo"></div>
...

阅读全文...

JavaScript DOM querySelector()


Document方法querySelector()返回文档中与指定选择器或选择器组匹配的first Element。如果未找到匹配项,则返回null。

HTML内容:

<div id="id-example"></div>
<div class="class-example"></div>
<a>element-example</a>

JavaScript内容:

document.querySelector("#id-example"); // Retur...

阅读全文...

JavaScript If-Else 语句


介绍

if指定的条件为trueif语句执行语句。如果条件为false ,则可以使用else语句执行另一个语句。

注意: else语句是可选的。

if (condition)
    /* do something */
 else
    /* do something else */

可以链接多个if...else语句来创建else if子句。这指定了要测试的新条件,并且可以重复测试多个条件,检查直到执行真实语句。

if (condition1)
    /* do something */
 else if (condition2)
    /* do something e...

阅读全文...

JavaScript立即调用函数表达式(IIFE)


功能说明

使用函数声明创建的函数是Function对象,具有Function对象的所有属性,方法和行为。 例:

function statement(item){
    console.log('Function statement example '+ item);
  }

功能表达

函数表达式与函数语句类似,只是可以省略函数名来创建匿名函数。 例:

var expression = function (item){
    console.log('Function expression example '+ item);
  }

立即调用函数表...

阅读全文...

JavaScript 不可变类型


不可改变意味着不可改变,即你无法改变。

Javascript有很多不可变类型,例如string基元类型。在您的控制台中试试这个。

s = "red";
console.log(s[1]); //→ "e"
s[1] = "x";
console.log(s) //→ "red"

s没改变! WAT !

细节

String.replace等一些字符串方法返回一个新字符串。

JavaScript有一种复杂的数据类型,即Object数据类型,它有五种简单的数据类型:Number,String,Boolean,U...

阅读全文...

JavaScript Location Object


“Location”对象提供API(应用程序编程接口),其允许检索URL,设置URL或访问URL的部分。默认情况下,它已在Window和Document对象上实现。 注意:没有适用于location对象的公共标准,但所有主流浏览器都支持它。

例子

可通过以下方式访问Location对象:

console.log(window.location);
console.log(document.location);

您还可以使用JavaScript以编程方式设置HTML <a>元素的Location对象或HTML <area>元素。

var anchor = docu...

阅读全文...

JavaScript Location.reload()方法


JavaScript Location.reload()方法提供了在当前URL重新加载页面的方法。

语法如下:

object.reload(forcedReload); ,其中forceReload是可选参数。

要简单地重新加载页面,您可以输入window.location作为对象。

可选参数force reload是一个布尔值,如果设置为:

  • True从服务器重新加载页面(例如,不存储浏览器缓存的数据): *

    window.location.reload(true);
  • False使用浏览器缓存的页面版本重新加载页面。

    window.location.reload(false);
...

阅读全文...

JavaScript逻辑运算符


逻辑运算符比较布尔值并返回布尔响应。有两种类型的逻辑运算符 - 逻辑AND和逻辑OR。这些运算符通常写为&&表示AND和||对于OR。

逻辑AND(&&)

AND运算符比较两个表达式。如果第一个评估为truthy,则该语句将返回第二个表达式的值。 如果第一个计算falsy,则该语句将返回第一个表达式的值。

当只涉及布尔值( truefalse )时,如果两个表达式都为真,则返回true。如果一个或两个表达式为false,则整个语句将返回false。

true && true //returns  the second value, tru...

阅读全文...

JavaScript break


break 语句终止当前循环, switchlabel语句,并将程序控制转移到终止语句后面的语句。

break;

如果在带标签的语句中使用break语句,则语法如下:

break labelName;

例子

以下函数有一个break语句,当i为3时终止while循环,然后返回值 3 * x

function testBreak(x) {
  var i = 0;

  while (i < 6) {
    if (i == 3) {
      break;
    }
    i += 1;
  }

  return i * x;
 }

在以下示例中,计数器设置为从1到...

阅读全文...