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">

javascript 常见问题

1 apend 和 appendChild

2 js比较数字

3 禁止滚动条

猜你喜欢