JavaScript学习小知识点整理 //持续更新

1:如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。

举个例子

说明:在点击按钮后将执行到document.write,从而将前面的h1标签和button标签的内容覆盖掉

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title></title>
</head>
<body>
<h1>这段文字在点击按钮后会被新的内容覆盖</h1>
<button onclick="change()">点击</button>
<script type="text/javascript">
    function change(){
        document.write("这是新的内容,原来的内容已经被覆盖了");
    }
</script>
</body>
</html>

说明:在点击按钮执行到document.write后,整个页面已经被覆盖掉而加载document.write的内容,使得下面的h1的内容没有加载到

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title></title>
</head>
<body>
<button onclick="change()">点击</button>
<script type="text/javascript">
    function change(){
        document.write("这是新的内容,原来的内容已经被覆盖哦了");
    }
</script>
<h1>这段文字是JS加载之后执行的,不会被覆盖</h1>
</body>
</html>


2:javascript的数据类型

    字符串,数值型,bool型,数组,对象,null型,undefined型


3:JavaScript 对象是存储变量的容器。


4:如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量。

      在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。

<script type="text/javascript">
function demo(){
    node="nodejs";    //全局变量
}
demo();   //这里需要调用函数后才能访问到变量
alert(node);  //这里会弹出nodejs
</script>
<script type="text/javascript">
function demo(){
    var node="nodejs";  //局部变量,外部不能直接访问
}
demo();   
alert(node);   //这里不会有弹框的文字了
</script>


JavaScript 变量生命周期

  • JavaScript 变量生命周期在它声明时初始化。

  • 局部变量在函数执行完毕后销毁。

  • 全局变量在页面关闭后销毁。


6:使用typeof检测变量的类型

typeof "John"                // 返回 string
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:'John', age:34} // 返回 object
var person = null;           // Value is null, but type is still an object
var person = undefined;     // 值为 undefined, type is undefined


你可能感兴趣的:(JavaScript学习小知识点整理 //持续更新)