版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/uotail/article/details/84192783
1 apend 和 appendChild
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>append demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="one">
one
<div id="two1">two1</div>
<div id="two1">two2
<div> three1</div>
<div> three2</div>
</div>
</div>
<!-- <div id="one">
one
<div id="two1">two1</div>
<div id="two1">two2
<div> three1</div>
<div> three2</div>
</div>
<div>div Hello1</div>
<div>div hello2</div>
</div> -->
<!--
append和appendchild主要区别在于它appendchild是一个dom方法,append是一个jquery方法。第二个使用第一个,你可以在jquery源代码上看到
append: function() {
return this.dommanip(arguments, true, function( elem ) {
if ( this.nodetype === 1 || this.nodetype === 11 || this.nodetype === 9 ) {
this.appendchild( elem );
}
});
}
-->
<!--
now append是JavaScript中的一种方法
引用MDN
该ParentNode.append方法DOMString在最后一个子节点之后插入一组Node对象或对象ParentNode。DOMString对象作为等效的Text节点插入。
JavaScript的追加类似于jQuery的追加。
该ParentNode.append方法在最后一个子节点之后插入一组Node对象或DOMString对象ParentNode。DOMString对象作为等效Text节点插入。
差异Node.appendChild():
ParentNode.append()允许您也附加DOMString对象,而Node.appendChild()只接受Node对象。
ParentNode.append()没有返回值,而Node.appendChild()返回附加的Node对象。
ParentNode.append()可以附加多个节点和字符串,而Node.appendChild()只能附加一个节点。
-->
<script>
$("#one").append("<div>div Hello1</div>");
var div = document.createElement("div");div.innerText="div hello2"
document.getElementById("one").appendChild(div)
/* ParentNode.append */
var parent = document.createElement("div");
var p = document.createElement("p");
parent.append(p);
//上面都是将新元素添加到直属子元素的最后 对于children 可以认为是孩子元素。而不是孙子grandChildren元素
console.log(document.getElementById("one").children)//获得他的所有直属子元素
</script>
</body>
</html>
2 js比较数字
2018-09-05 16:43:39
var a=1;var b=1.0000
console.log(a==b)//true
console.log(a>b)//false
console.log(a<b)//false
console.log(typeof a)//number
console.log(typeof b)//number
console.log("2">"1")//true
console.log("1"=="1")//true
console.log("1">"1")//false
console.log("1"<"1")//false
console.log("1"=="1.00")//false
console.log("1">"1.00")//false
console.log("1"<"1.00")//true 值相同的数字字符串 整数总数小于小数
console.log(parseFloat("1.00")==parseInt("1"))//true
console.log("1">"0.9")//true
console.log("1.00"=="1.0000")//false
console.log("1.00">"1.0000")//false
console.log("1.00"<"1.0000")//true 值相同的数字字符串 小数点后的位数越多的越大
JS在比较数字时候若两边都是整数可以直接比较。
若有一边是小数 则需要判断两边是否都为number类型
是,可以比较,
否,需要转换类型再比较
JS里面有两种转换的,parseFloat和parseInt。
比较的时候想下面这样
整数如下:
if(parseInt(xxx)>parseInt(xxxx)){
}
小数可以这样。
if(parseFloat(xxx)>parseFloat(xxxx)){
}
这样其实也可以
if(parseInt(xxx)>parseFloat(xxxx)){
}
转换出来都是number类型
console.log(typeof parseFloat("1.00"))//number
console.log(typeof parseInt("1"))//number
3 禁止滚动条
2018-09-07 16:36:13
<body style="overflow: hidden" onscroll="no">