<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="p1">
</p>
<!-- 事件
onchange HTML 元素已被改变
onclick 用户点击了 HTML 元素
onmouseover 用户把鼠标移动到 HTML 元素上
onmouseout 用户把鼠标移开 HTML 元素
onkeydown 用户按下键盘按键
onload 浏览器已经完成页面加载 -->
<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>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本