JS学习记录(补充一)

国际通用命名规则<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>命名规则</title>
</head>
<body>
<!--国际通用的命名规则:驼峰法则
    <一:变量>
    1:单个单词的全小写
    var name = "lzw";
    2:多个单词 第一个单词全小写,其余单词首字母大写
    var myName = "lzw";
    var showHelloWord =  "HelloWord";
    <二:类>
    3:全部单词的首字母都要大写
    PersonName
    <三:常量>
    4:所有单词的字母全大写
    COUNTRYNAME
-->
<!--类和常量与Java相关-->

</body>

<script>
    var name = "lzw";
    var myName = "lzw";

</script>

</html>
Number函数<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Number函数</title>
</head>
<body>
<script>
    var b = "1";
    var i = 1;
    alert(b === i);

    /*alert(Number(true));*/
</script>

</body>
</html>

结果图:

Typeof类型<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Typeof</title>
</head>
<body>
<script>
    /*undefined*/
    var i;
//    alert(typeof i);
    /*boolean*/
    var b = true;
//    alert(typeof b);
    /*string*/
    var s = "lzw";
//    alert(typeof s);
    /*number*/
    var i = 3;
//    alert(typeof i);

    var obj = {
        name:"lzw",
        age:"保密"
    }
//    alert(typeof obj);

    function show() {
        alert("hello");
    }
    alert(typeof show);

</script>
</body>
</html>

结果图:

Prompt<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Prompt</title>
</head>
<body>
<script>
   var name = prompt("请输入用户姓名","张三");
    alert(name);
</script>
</body>
</html>

结果图:

自增自减<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自增自减</title>
</head>
<body>

<!-- ++自增运算
    1:++在运算数的前面:先+1  再运算
    2:++在运算数的后面:先运算 再+1
-->
<script>
   /* var i = 2;
    j = i++;
    alert(j);
    alert(i);*/

    var i = 2;
    j = ++i;
    alert(j);
    alert(i);
</script>

</body>
</html>

结果图:

水仙花数<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水仙花数</title>
</head>
<body>

<script>
    var num = 153;
    var n1 = parseInt(num/100);
    var n2 = parseInt(num/10%10);
    var n3 = parseInt(num%10);
    var result = n1*n1*n1+n2*n2*n2+n3*n3*n3;
    Math.pow(n1,3)+Math.pow(n2,3)+Math.pow(n3,3);
    if (num == result){
        alert("是水仙花数!!")}
    else{
        alert("非水仙花数!!")
        }

</script>

</body>
</html>

结果图:

赋值运算符<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>赋值运算符</title>
</head>
<body>
<script>
    var i = 5;
    i += 5;    // 等效  i +=5; 效率高
    alert(i);

    var i2 = 10;
    i2 -= 7;//    i2 = i2 - 7;

    var i3 = 6;
    i3 = i3 * 6; //  i3 *= 6;

    var i4 = 12;
    i4 = i4 / 3; //    i4 /= 3;

    var i5 = 16;
    i5 = i5 % 6;//    i5 %= 6;
</script>

</body>
</html>

结果图:

if-else语句<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>if-else</title>
</head>
<body>
<script>
    var i = parseInt(prompt("输入分数"));
    if (i >= 90) {
        alert("优");
    }
    else if ( i >= 80) {
        alert("良");
    }
    else if ( i >= 60) {
        alert("中");
    }
    else {
        alert("差");
    }

</script>
</body>
</html>

结果图:

嵌套if结构
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>嵌套if结构</title>
</head>
<body>
<script>
    var score = parseInt(prompt("考试成绩"));
    var daily = parseInt(prompt("考勤成绩"));

    if (score >= 60 && daily >= 75) {
        alert("毕业");
    }
    else {
        if (score < 60 && daily < 75) {
            alert("都不合格");
        }

        else if (score < 60) {
            alert("考试不合格");
        }
        else if (daily < 75) {
            alert("考勤不合格");
        }
    }
</script>
</body>
</html>

结果图:

switch-case语句
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>switch-case</title>
</head>
<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("输入的月份有误");
            break;
    }
</script>
</body>
</html>

结果图:

时间: 2024-10-26 00:29:34

JS学习记录(补充一)的相关文章

JS学习记录(补充四)

History对象<html lang="en"> <head> <meta charset="UTF-8"> <title>History对象</title> </head> <body> <a href="Demo40.html">Demo40</a> <button onclick="forward()"&g

JS学习记录(jQuery补充一)

伪类选择器<html lang="en"> <head> <meta charset="UTF-8"> <title>伪类选择器</title> </head> <body> <h1>欢迎来到北京大学</h1> <ul> <li>烟台大学</li> <li>鲁东大学</li> <li>山东

JS学习记录(补充三)

函数<html lang="en"> <head> <meta charset="UTF-8"> <title>函数</title> </head> <body> <button onclick="showName('ccy')">显示陈传印名字</button> <button onclick="showName('lzw

JS学习记录(补充二)

循环变量<html lang="en"> <head> <meta charset="UTF-8"> <title>循环变量</title> </head> <body> <script> /*1+2+3+...10*/ var i = 1; //循环变量的定义 var sum = 0; while (i <= 10) { //循环变量的判断 if (i % 2 =

JS学习记录(事件补充一)

HTML事件<html lang="en"> <head> <meta charset="UTF-8"> <style> #container{ height: 800px; background-color: red; } </style> <!--<script> function loaded() { var name1 = document.getElementById("

js学习记录

比较运算符 当我们对Number做比较时,可以通过比较运算符得到一个布尔值: 2 > 5; // false 5 >= 2; // true 7 == 7; // true 实际上,JavaScript允许对任意数据类型做比较: false == 0; // true false === 0; // false 要特别注意相等运算符==.JavaScript在设计时,有两种比较运算符: 第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果: 第二种是===比较,它不会自

ptyhon , angular js 学习记录【1】

1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 1996; 96 M Month in year Month July; Jul; 07 w Week in year Number 27 W Week in month Number 2 D Day in year Number 189 d Day in month Number 10 F Day of

vue.js 学习记录(二)

原文连接:http://www.cnblogs.com/keepfool/p/5625583.html 组件 #注册组件 Vue.component('my-component', { // 选项 }) 组件在注册之后,便可以在父实例的模块中以自定义元素 <my-component></my-component> 的形式使用.要确保在初始化根实例 之前 注册了组件: <!DOCTYPE html> <html> <body> <div id

vue.js 学习记录(一)

原文地址:http://www.cnblogs.com/rik28/p/6024425.html 1.这段代码在画面上输出"Hello World!". <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--这是我们的View--> <