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>
...
分类标签归档:JS
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>
...
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...
if
指定的条件为true
, if
语句执行语句。如果条件为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...
使用函数声明创建的函数是Function对象,具有Function对象的所有属性,方法和行为。 例:
function statement(item){
console.log('Function statement example '+ item);
}
函数表达式与函数语句类似,只是可以省略函数名来创建匿名函数。 例:
var expression = function (item){
console.log('Function expression example '+ item);
}
不可改变意味着不可改变,即你无法改变。
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...
“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()
方法提供了在当前URL重新加载页面的方法。
语法如下:
object.reload(forcedReload);
,其中forceReload
是可选参数。
要简单地重新加载页面,您可以输入window.location
作为对象。
可选参数force reload
是一个布尔值,如果设置为:
True
从服务器重新加载页面(例如,不存储浏览器缓存的数据):
*
window.location.reload(true);
False
使用浏览器缓存的页面版本重新加载页面。
window.location.reload(false);
逻辑运算符比较布尔值并返回布尔响应。有两种类型的逻辑运算符 - 逻辑AND和逻辑OR。这些运算符通常写为&&表示AND和||对于OR。
AND运算符比较两个表达式。如果第一个评估为truthy,则该语句将返回第二个表达式的值。 如果第一个计算falsy,则该语句将返回第一个表达式的值。
当只涉及布尔值( true
或false
)时,如果两个表达式都为真,则返回true。如果一个或两个表达式为false,则整个语句将返回false。
true && true //returns the second value, tru...
break 语句终止当前循环, switch
或label
语句,并将程序控制转移到终止语句后面的语句。
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
continue 语句终止当前或标记循环的当前迭代中的语句的执行,并继续执行下一次迭代的循环。
continue;
如果在带标签的语句中使用continue语句,则语法如下:
continue labelName;
与 break 语句相反, continue 不会完全终止循环的执行;代替:
while
循环中,它会跳回到条件。for
循环中,它跳转到更新表达式。以下示例显示了一个while
循环,该循环具有一个continue语句,该语句在i的值为3时执行。因此, n 取值为1,3,7和12。
var i = 0;
var n ...