zoukankan html css js c++ java

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>

查看全文

相关阅读:
Java页面中文编码要转换两次encodeURI
ajax用get刷新页面元素在IE下无效解决~~
祝贺自己开博~~
错误域控降级导致解析问题
 ELK 脚本自动化删除索引
 Windows针对子目录共享权限控制
 ES查询区分大小写
 Docker异常时区问题
 Docker自定义镜像无容器日志输出
 ELK时间戳

原文地址：https://www.cnblogs.com/lxy151/p/7729188.html