JavaWeb（day7）

最新推荐文章于 2024-10-20 23:59:13 发布

嘻哈猴程序猿

最新推荐文章于 2024-10-20 23:59:13 发布

阅读量104

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/qq_42378770/article/details/104375582

版权

web 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

###运算符

- JS中的运算符和java中的大体相同
- ==和===

== 在比较两端的数据时，会先将类型统一，然后再比较。"66"==66; ->true
=== 会先判断数据的类型是否相等,如果类型相等再比较 "66"===66;->false

- 练习：创建demo01.html 在页面中添加两个按钮，在按钮的点击事件中添加如下代码并测试：
按钮1：alert('666'==666) 按钮2：alert('666'===666)

- typeof:获取变量的类型
    typeof 18 = number; typeof 'abc' = String;
    typeof true =boolean; typeof null =object;
    typeof undefined = underfined;
    测试：typeof 66+6 ="number6"
- 两数相除会自动转换类型 10/2=5 5/2=2.5

###语句

包括if else while do while for switch case

- 不同点：

if的条件如果不是布尔类型，会自动转成布尔类型
for循环中将int换成var 不支持增强for循环

          for(int i=0;i<10;i++){
          }
          for(var i=0;i<10;i++){
          }

###函数

1. 第一种申明函数的方式：

function 函数名(参数列表){
    return 18;
}
public int void 方法名(参数列表){
    return 18;
}

2. 第二种申明函数的方式：

        var 函数名 = function(参数列表){
            return 18;
        }

####

        /* 声明一个无参无返回值的函数  */
        function fn1(){
            alert("fn1执行")
        }
        /* 调用函数  */
        fn1();
        /* 有参无返回值的函数  */
        function fn2(name,age){
            alert("name:"+name+" age:"+age);
        }
        /* 调用函数  */
        fn2("小明",18);
        /* 有参有返回值 */
        function fn3(x,y){
            return x+y;    
        }
        /* 执行  */
        var result = fn3(2,3);
        alert(result);
        /* 声明一个被按钮调用的函数  */
        function fn4(){
            alert("我是被按钮调用的函数！")    
        }
        /* 第二种写法申明函数  */
        var fn5 = function(){
            alert("fn5执行了");
        }
        /* 调用方式只有一种  */
        fn5();

###和页面元素相关的函数

1. 得到页面中元素对象的函数

document.getElementById("myinput");

2. 获取文本框中的内容

 input.value

3. 往元素中添加文本内容

 d.innerText="abcd";把=换成+=是追加

4. 往元素中添加元素

d.innerHTML="<h1>abc</h1>";把=换成+=是追加

###求用户输入数值的平方把结果显示到页面中

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
    function pf(){
        //1.得到页面中的文本框 
        var input = document.getElementById("myinput");
        //2.得到页面中显示结果的div 
        var div = document.getElementById("resultdiv");
        //3.得到输入的内容 
        var x = input.value;
        //判断是否是数字 
        if(isNaN(x)){
            div.innerText="输入错误";
        }else{
            div.innerText=x*x;
        }
    }
    
    </script>
    </head>
    <body>
    <input type="text" id="myinput">
    <input type="button" value="平方" onclick="pf()">
    <div id="resultdiv"></div>
    </body>
    </html>