JavaScript

啥也不是！

于 2020-03-17 21:14:35 发布

阅读量91

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_45061831/article/details/104931278

版权

笔记专栏收录该内容

23 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<script>-->
        <!--console.log("hello")-->
    <!--</script>-->
<link type="text/css" href="mycss.css" rel="stylesheet"/>  <!-- 调用css文件 -->
<script src="myjs.js"></script>        <!-- 调用js文件 -->
</head>
<body>
    请输入成绩：<input type="text" id="score"><input type="button" value="FUCK" onclick="tran()">
    <p id="mydate"></p>
</body>
<script>
    function tran() {
        var score = document.getElementById("score").value;
        var p = document.getElementById("mydate");
        if(score<60&&score>=0){
            p.innerHTML = "挂科";
        }else if(score>=60&&score<70){
            p.innerHTML = "及格";
        }else if(score>=70&&score<90){
            p.innerHTML = "还行";
        }else if(score>=90&&score<=100){
            p.innerHTML = "nice!";
        }else{
            p.innerHTML = "请输入正确的分数";
        }
    }
</script>
</html>

写在.js文件内容为：

console.log("你爹");
function get_date() {
    var date = new Date();
    console.log(date);  //打印到控制台console
    var year = date.getFullYear(); //获得年份
    var month = date.getMonth()+1;  //获得月份,月份从零开始的
    var day = date.getDate();  //获取日期
    var hour = date.getHours();  //获取小时
    var min = date.getMinutes();  //获取分钟
    var seconds = date.getSeconds();  //获取秒
    var str = year+"-"+month+"-"+day+"-"+hour+":"+min+":"+seconds;
    console.log(str);
    var p = document.getElementById("mydate");
    setTimeout("get_date()",1000);
    p.innerHTML = str;         //将控制台内容打印到页面中
}
get_date()   //相当于调用函数

图片的显示与隐藏：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="checkbox" id="mybox" checked="checked" onclick="show_or_hide()">
    <span id="show">隐藏</span>   <!-- 每次选中都会覆盖span里面的值 -->
    <img src="t015f914f4ef04418cf.jpg" id="myimg">
</body>
<script>
    function show_or_hide() {
        var state = document.getElementById("mybox").checked;   //获取复选框的状态
        if(state){
            document.getElementById("myimg").style.display = "block";
            document.getElementById("show").innerHTML = "隐藏";
        }else{
            document.getElementById("myimg").style.display = "none";
            document.getElementById("show").innerHTML = "显示";
        }
    }
</script>
</html>

啥也不是！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>  <!--console.log("hello")--&gt...
复制链接

扫一扫