分类标签归档:JS

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到...

阅读全文...

JavaScript continue


JavaScript continue

介绍

continue 语句终止当前或标记循环的当前迭代中的语句的执行,并继续执行下一次迭代的循环。

continue;

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

continue labelName;

break 语句相反, continue 不会完全终止循环的执行;代替:

  • while循环中,它会跳回到条件。
  • for循环中,它跳转到更新表达式。

例子

以下示例显示了一个while循环,该循环具有一个continue语句,该语句在i的值为3时执行。因此, n 取值为1,3,7和12。

var i = 0;
var n ...

阅读全文...