JavaScript-烂笔头

JavaScript

对大小写敏感
注释单行用://
注释多汗用:/* */
声明变量:var 变量名 (未使用值来声明的变量,值为undefined)
JavaScript 变量均为对象
可以使用关键词"new"来声明其类型
var name = new String;
var x = new Number;
var y = new Boolean;
var cars = new Array;
var object = new Object;
变量赋值:=
数据类型:字符串、数字、布尔、数组、对象、Null、Undefined
var a='a';var b=2.01;var c=true;
var d=new Array("zu1","zu2","zu3");
数组下标是基于0开始的
var object={firstname:"Bill",lastname:"Gates",id=5566}
对象属性有两种寻址方式:name=object.firstname或name=object["lastname"]
JavaScript函数语法:
function functionname() {
要执行的代码
}
带有参数和返回值得函数
function functionname(var1,var2) {
要执行的代码
return 要返回的值
}
JavaScript 变量:
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
运算符:
赋值:=
算数运算符:+ - * / % ++ --
比较运算符:== ===(全等:值和类型) != > < >= <=
逻辑运算符:&& || !
条件运算符:语法 - variablename=(condition)?value1:value2
条件语句:
if语句:
if(条件) {
条件为true时执行的代码
}
if...else语句:
if(条件) {
条件为true时执行的代码
}else {
条件为false时执行的代码
}
if...else if...else语句:
if(条件1) {
条件1为true时执行的代码
}else if(条件2) {
条件2为true时执行的代码
}else {
条件1和条件2都不为true时执行的代码
}
switch语句:
switch(n) {
case 1:
执行代码块1
break;
case 2:
执行代码块2
break;
default:
匹配不存在时执行的代码
}
不同类型的循环:
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 循环指定的代码块
do/while - 循环指定的代码块
break:跳出循环
continue:跳过循环中的一个迭代
查找HTML元素:
通过id:document.getElementById("idName")
通过标签名:document.getElementByTagName("tagName");
通过类名:
改变HTML的内容:
document.getElementById("idName").innerHTML = new HTML
改变HTML的属性:
document.getElementById("idName").attribute = new value
如改变图片:<script>
document.getElementById("image").src="landscape.jpg";
</script>
改变HTML的样式:
document.getElementById("idName").style.property = new style
如改变颜色:
<script>
document.getElementById("p2").style.color="blue";
</script>





posted on   我要的明天  阅读(216)  评论(0编辑  收藏  举报

编辑推荐:
· Linux系列:如何调试 malloc 的底层源码
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 因为Apifox不支持离线,我果断选择了Apipost!
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示