个人主页: 叶落闲庭
我的专栏:
c语言
数据结构
javaEE
操作系统
Redis
石可破也,而不可夺坚;丹可磨也,而不可夺赤。
标签之间<script>
alert("hello JavaScript!");
</script>
元素的底部,可改善显示速度,因为脚本执行会拖慢显示test.js
:alert("hello JavaScript!");
标签
标签不能自闭合//注释内容
/* 注释内容 */
window.alert()
写入警告框document.write()
写入HTML输出console.log()
写入浏览器控制台number
:数字(整数、小数、NaN(Not a Number))string
:字符、字符串、单双引皆可boolean
:布尔(true、false)null
对象为空undefined
:当声明的变量未初始化时,该变量的默认值是undefinedtypeof
运算符可以获取数据类型parseInt()
进行转换。number
:0和NaN转为false,其他的数字转为truestring
:空字符串转为false,其他的字符串转为truenull
:falseundefined
:falsevar count 3;
if(count == 3){
alert(count);
}
var num 3;
switch (num){
case 1:{
alert("星期一");
break;
}
case 2:{
alert("星期二");
break;
}
case 3:{
alert("星期三");
break;
}
case 4:{
alert("星期四");
break;
}
case 5:{
alert("星期五");
break;
}
case 6:{
alert("星期六");
break;
}
case 7:{
alert("星期日");
break;
}
default:{
alert("输入错误!");
break;
}
}
var sum = 0;
for(1et i = 1;i <= 100;1++){
sum += i;
}
alert(sum);
var sum = 0;
var i = 1;
while (i <= 100){
sum += i;
i++;
}
alert(sum);
var sum = 0;
var i = 1;
do {
sum += 1:
i++;
}
while (i <= 100);
alert(sum);
function
关键词进行定义,语法为:function functionName(参数1,参数2...) {
//要执行的代码
}
function add(a,b) {
return a b;
}
函数名称(实际参数列表);
let result add(1,2);
var functionName = function(参敛列表){
//要执行的代码
}
var add = function (a,b){
return a + b;
}
let result add(1,2,3);
JavaScript Array
对象用于定义数组var 变量名 = new Array(元素列表);//方式一
var arr new Array(1,2,3);
var 变量名 = [元素列表];//方式二
var arr = [1,2,3];
arr[索引] = 值;
arr[0]= 1;
var arr4 = [1,2,3];
for (let i = 0;i <= arr4.length;i++){
alert(arr4[i]);
}
var arr5 = [1,2,3];
arr5.push(10);
alert(arr5);
var arr6 = [1,2,3];
arr6.splice(0,1);//表示从0下标开始删,删除1个元素
alert(arr6);
var 变量名 = new String(s);//方式一
var str = new String("hello");
var 变量名 = s;//方式二
var str = "hello";
var 对象名称 = {
属性名称1:属性值1
属性名称2:属性值2,
...
函数名称:function(形参列表){}
...
};
var person = {
name:"zhangsan",
age:23,
eat:function {
alert("干饭~");
}
};
window.alert("abc");
var flag=confirm("确认别除?");
alert(flag);
if(flag){
//删除逻辑
}
setTimeout(function()
alert("hehe");
},3000);
setInterval(function()
alert("hehe");
},3000);
window.history
获取,其中window
可省略window.history.方法();
history.方法();
window.location
获取,其中window
可省略window.location.方法();
location.方法();
getElementByld
:根据id属性值获取,返回一个Element对象var img = document.getElementById("Light");
alert(img);
getElementsByTagName
:根据标签名称获取,返回Element对象数组var divs = document.getElementsByTagName("div");
alert(divs.length);
getElementsByName
:根据name属性值获取,返回Element对象数组var hobbys = document.getELementsByName("hobby");
for (let i = 0;i < hobbys.length;i++){
alert(hobbys[i]);
}
getElementsByClassName
:根据class属性值获取,返回Element对象数组var clss = document.getElementsByelassName("cls");
for (let i = 0;i < clss.length;i++){
alert(clss[i]);
}
标签的src属性:var img = document.getElementById("Light");
img.src = "../imgs/on.gif"
style
:设置元素css样式var divs = document.getElementsByTagName("div");
for (let i = 0;i < divs.length;i++){
divs[i].style.color = 'red';
}
innerHTML
:设置元素内容var divs = document.getElementsByTagName("div");
for (let i = 0;i < divs.length;i++){
divs[i].innerHTML = "hello!";
}
checked
:选中对象var hobbys = document.getELementsByName("hobby");
for (let i = 0;i < hobbys.length;i++){
hobbys[i].checked = true;
}
<input type="button"onclick='on()'>
function on(){
alert("我被点了"):
}
<input type="button"id="btn">
document.getElementByld("btn").onclick function(){
alert("我被点了");
}