html5第十一课时，汇总

最新推荐文章于 2017-07-26 18:10:47 发布

甲戌天火

最新推荐文章于 2017-07-26 18:10:47 发布

阅读量251

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_36872096/article/details/76040132

版权

HTML5 专栏收录该内容

78 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>内部写法</title>
</head>
<body>
<input type="button" value="内部写法1" οnclick="javascript:alert('啊啊啊啊')"/>
<input type="button" value="内部写法2" id="btn"/>
</body>
<script>
    var ele = document.getElementById("btn");//获取id
    ele.addEventListener("click",function(){
        alert("对话框的弹出，内部写法。")
    });//设置一个监听事件。
</script>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>外部写法</title>
</head>
<body>
<input type="button" value="弹出对话框" id="btn"/>
</body>
<script src="../../js/test2.js">

</script>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>noscript运用</title>
    <noscript>
        <h1>您的浏览器不支持JS</h1>
    </noscript>
</head>
<body>
<h1>测试浏览器是否支持JS</h1>
<!--谷歌浏览器中，设置，高级设置，隐私，里面有关闭js的选项-->
</body>
</html>


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>季度划分</title>
</head>
<body>

</body>
<script>
    var month=parseInt(prompt("请输入月份"));
    switch (month){
        /*case 1:alert("第一季度。");break;
         case 2:alert("第一季度。");break;
         case 3:alert("第一季度。");break;
         case 4:alert("第二季度。");break;
         case 5:alert("第二季度。");break;
         case 6:alert("第二季度。");break;
         case 7:alert("第三季度。");break;
         case 8:alert("第三季度。");break;
         case 9:alert("第三季度。");break;
         case 10:alert("第四季度。");break;
         case 11:alert("第四季度。");break;
         case 12:alert("第四季度。");break;
         default :alert("一年中没有这个月份，老铁！！");*/
        //以下是简化的代码。
        case 1:
        case 2:
        case 3:alert("第一季度。");break;
        case 4:
        case 5:
        case 6:alert("第二季度。");break;
        case 7:
        case 8:
        case 9:alert("第三季度。");break;
        case 10:
        case 11:
        case 12:alert("第四季度。");break;
        default :alert("一年中没有这个月份，老铁！！");
    }
</script>
</html>


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>循环while、do while、for</title>
</head>
<body>

</body>
<script>
    var i = 100;
    var j = 100;
    var sum = 0;
    /*先判断，在执行*/
    while(i>0){
        sum += i;
        i--;
    }
    /*先执行，在判断，最少执行一次*/
    do{
        sum += j;
        j--;
    }while(j>0)

</script>
</html>


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
<script>
    var num1 = prompt("请输入1~10的数：");
    var flag=0;
    var num2 = prompt("请输入猜的数：");
    while(num1 != num2){
        if(num2 == "end"){
            flag = 1;
            break;
        }else if(num1>num2){
            num2=prompt("小了，请继续输入：");
        }else if(num1<num2){
            num2=prompt("大了，请继续输入：");
        }

    }
    if(flag){
        alert("强行中止！")
    }
    else{
        alert("猜对了！")
    }
</script>
</html>

甲戌天火

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5第十一课时，汇总

html>lang="en"> charset="UTF-8"> 内部写法type="button" value="内部写法1" onclick="javascript:alert('啊啊啊啊')"/>type="button" value="内部写法2" id="btn"/> var ele = document.getElementById("btn")
复制链接

扫一扫