原生js的容易忽略的相似点(一)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>原生js测试</title>
<script type="text/javascript">
//onload 和 onunload 事件会在用户进入或离开页面时被触发
window.onload = function(){
alert('进入页面花了多少时间'+new Date().getTime())
}
</script>
</head>
<body>
<span id='test'></span>
<script type="text/javascript">
//1、带参数retur
function aa(argument1, argument2) {
console.log(argument1, argument2) //1 2
return argument1 + argument2
}
console.log(aa(1, 2)) //3
//2、不带参数retur 内部变量;
//在使用 return 语句时,函数会停止执行,并返回指定的值。
function bb() {
var x = 5;
return x;
}
console.log(bb()) //5
//3、直接调用函数
var ele = document.getElementById('test').innerHTML = bb(); //页面显示5
console.log(ele, 'ele') //5 ele
//4、变量的赋值理解
x = 10;
y = 5;
x = y;
console.log(x, 'xxxx'); //5 "xxxx"
//5、三元运算符的运用
var age = 8;
var val = (age > 10) ? 'ok' : 'no'
console.log(val, 'val') //no val
//6.case语句块
var toDay;
var day = new Date().getDay();
switch(day) {
case 0:
toDay = "Today it's Sunday";
break;
case 1:
toDay = "Today it's Monday";
break;
case 2:
toDay = "Today it's Tuesday";
break;
case 3:
toDay = "Today it's Wednesday";
break;
case 4:
toDay = "Today it's Thursday";
break;
case 5:
toDay = "Today it's Friday";
break;
case 6:
toDay = "Today it's Saturday";
break;
}
console.log(toDay,'toDay')//Today it's Tuesday toDay
//7、dom操作;
// document.getElementById(id).innerHTML=new HTML 改变 HTML内容
// document.getElementById(id).style.property=new style 更改样式
// document.getElementById(id).attribute=new value 改变 HTML属性
</script>
</body>
</html>
分类:
JavaScript
, js高级程序设计中get的点
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
· SQL Server 内存占用高分析
· 盘点!HelloGitHub 年度热门开源项目
· DeepSeek V3 两周使用总结
· 02现代计算机视觉入门之:什么是视频
· C#使用yield关键字提升迭代性能与效率
· 2. 什么?你想跨数据库关联查询?