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-12-26React入门教程:从零开始搭建你的第一个React应用
- 2024-12-25Vue2入门教程:轻松掌握前端开发基础
- 2024-12-25Vue3入门指南:快速搭建你的第一个Vue3项目
- 2024-12-25JS基础知识入门教程
- 2024-12-25React基础知识详解:从入门到初级应用
- 2024-12-25Vue3基础知识详解与实战指南
- 2024-12-25Vue3学习:从入门到初步掌握
- 2024-12-25Vue3入门:新手必读的简单教程
- 2024-12-23【JS逆向百例】爱疯官网登录逆向分析
- 2024-12-21Vue3教程:新手入门到实践应用