JavaScript基础知识

显示当前日期

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

JavaScript 数据类型

Number() 转换为数字， String() 转换为字符串， Boolean() 转化为布尔值。

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

    string
    number
    boolean
    object
    function

3 种对象类型：

    Object
    Date
    Array

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

    null
    undefined

使用 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

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>

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>

相关阅读:
推荐一个博客，或许给技术流的自己一些启示
 Boost多线程-替换MFC线程
 Python：Matplotlib 画曲线和柱状图（Code）
AI：机器人与关键技术--总是被科普
 OnLineML一：关于Jubatus 的简介...
使用PCL::GPU::遇到问题
 dll文件：关于MFC程序不能定位输入点
 实践：使用FLANN.LSH进行检索
 模式识别两种方法：知识和数据
 几个方便编程的C++特性
原文地址：https://www.cnblogs.com/lxy151/p/7729188.html