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_基础的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程
- 2024-11-16Vue学习:新手入门必备教程
- 2024-11-16Vue3入门:新手必读的简单教程
- 2024-11-16Vue3入门:新手必读的简单教程