JS_基础

2022/3/4 23:15:01

本文主要是介绍JS_基础,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p id="p1">
        
        </p>
    <!--     事件
        onchange    HTML 元素已被改变
        onclick    用户点击了 HTML 元素
        onm ouseover    用户把鼠标移动到 HTML 元素上
        onm ouseout    用户把鼠标移开 HTML 元素
        onkeydown    用户按下键盘按键
        onl oad    浏览器已经完成页面加载 -->
        <button type="button" onclick="this.innerHTML=Date()">
            click me
        </button>
        <script  >
            // js代码 放在head 和body 都可以
            // 放在body底部 改善速度可以
            
            //写入 HTML 元素
            document.getElementById("p1").innerHTML=" this is not p";
            // 写入 HTML 输出
            // HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML 
            document.write(5+6);
            //警告框
            window.alert("worry");
            //写入浏览器控制台
            console.log("console");
            
            //变量 不赋值undefined
            var a=5;
            
            //作用域
            {
                var x=10;
            }
            console.log(x);//x可以访问到
            
            //运算
                //幂
                var x = 5;
                var z = x ** 2;  
                var y=Math.pow(x,2);
                
            //数据类型
            var cars=["car1","car2"];//数组
            
            //函数
            function myFun(a,b){
                return a*b;
            }
            var x=myFun(4,5);
            console.log(x);
            
            //对象 注意属性用逗号分隔 用:赋值
            var point={
                x:1,
                y:2,
                fun:function(){
                    return this.x+this.y;
                }
            };
                //访问
                
                console.log(point.x);
                console.log(point["y"]);
        </script>
    </body>
</html>

 



这篇关于JS_基础的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程