JavaScript基础知识

  1. 显示当前日期 
    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<head>
<script type="text/javascript">
    function riqi(){
        document.getElementById("pp").innerHTML=Date();
    }
</script>
</head>
<body>
<h1>幸福是一件简单的事情</h1>
<p id="pp">我代表段落</p>
<button type="button" onClick="riqi()">显示日期</button>
</body>
</html>

     

  2. JavaScript 数据类型
    Number() 转换为数字， String() 转换为字符串， Boolean() 转化为布尔值。

在 JavaScript 中有 5 种不同的数据类型：

    string
    number
    boolean
    object
    function

3 种对象类型：

    Object
    Date
    Array

2 个不包含任何值的数据类型：

    null
    undefined

     

  3. 使用 typeof 操作符来查看 JavaScript 变量的数据类型
    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<head>

</head>
<body>
<p id="pp">我代表段落</p>
<script type="text/javascript">
    document.getElementById("pp").innerHTML=
        typeof "liu"+"<br>"+
        typeof 123 +"<br>" +
        typeof {}+"<br>" +
        typeof riqi;  //riqi没有声明，所以是undefined
</script>
</body>
</html>
    请注意：

    NaN 的数据类型是 number
    数组(Array)的数据类型是 object
    日期(Date)的数据类型为 object
    null 的数据类型是 object
    未定义变量的数据类型为 undefined

     

     

  4. String()和toString()数字转字符串
    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<head>

</head>
<body>
<p id="pp">我代表段落</p>
<script type="text/javascript">
    var x=123;
    document.getElementById("pp").innerHTML=
        //第一种数字转字符串
        String (x)+"<br>"+  
        String(123) +"<br>" +  
        String (100 + 23)+"<br>" ;
        //第二种数字转字符串  x.toString()+ "<br>" +
                     //  (123).toString+ "<br>" +
                     //  (100+23).toString;
</script>
</body>
</html>

     

  5. function函数，全选和取消全选的方法
    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<head>
<script type="text/javascript">
   function checkboxed(objName){
    var objNameList=document.getElementsByName(objName);    

    if(null!=objNameList){
        alert("全选操作");
        for(var i=0;i<objNameList.length;i++){
            objNameList[i].checked="checked";
        }
    }
}

function uncheckboxed(objName){
    var objNameList=document.getElementsByName(objName);    

    if(null!=objNameList){
        alert("取消全选操作");
        for(var i=0;i<objNameList.length;i++){
            objNameList[i].checked="";
        }
    }
}
</script>
</head>
<body>
看书：<input type="checkbox" name="checkbox" value=1><br>
写字：<input type="checkbox" name="checkbox"value=2><br>
打飞机：<input type="checkbox" name="checkbox"value=3><br>
玩游戏：<input type="checkbox" name="checkbox"value=4><br>
<button onclick="checkboxed('checkbox')">全选</button>
<button onclick="uncheckboxed('checkbox')">取消全选</button>

</body>
</html>

     

posted @ 2017-10-25 15:40  凯迪威  阅读(129)  评论(0)  编辑  收藏  举报