js学习笔记
创始人
2024-04-19 16:05:36

1.js代码要写在script标签中


2.可以通过src的方式指定读取js文件进来,注意如果用这种方式导入js,script标签中间就不能再写东西了


3.js有三个组成部分ECMAScript,DOM,BOM
在这里插入图片描述
4.js的输出语句:

window.alert()弹窗输出(可以简略成alert())
document.write()写到html输出
console.log()在控制台输出

5.定义变量,有let和var两张方法,一般使用let,es6的写法,如果idea提示报错需要到设置里更改
在这里插入图片描述

let a=5;
var b=5;

定义常量用const

const c=5;

6.js数据类型
在这里插入图片描述
当需要在js里拼接字符串时,使用${}占位符和飘号解决
在这里插入图片描述
7.js的判断语句写法与java类似,不过判断的条件由于是动态编译,不一定要求是布尔类型,这点和Python类型,比如填false和填0,空字符串都可以表达为假的条件,其他的比如white,switch,break,continue都和java一样,增强for循环有一些不一样,java本体用的是冒号,js用的是of
在这里插入图片描述

8.可以用parseInt来将字符串转化成整数

let num=parseInt("12");

9.定义函数,和Python一样,不需要指定参数和返回值的类型:可以在元素里加上οnclick="sum(a,b)"来实现点击激活函数的效果

function sum(a,b){return a+b;
}

10.js的数组是可以变化的

let myarr=[1,2,3];
myarr[4]=6;

可以用自带的sort方法实现排序,但需要注意的是默认是用比较字符串的方式排序,如果需要比较数值的话需要指定比较器

let myarray=["1","2","3"];
myarray.sort(function (a,b){return a-b;
})

添加元素用push()方法,删除元素用slice()方法

11.js可以自定义对象

    let person={name:"name",age:"18",eat(){console.log("eat");}}

12.三种浏览器交互方法:
alert:弹窗
prompt:填写窗
confirm:确认窗

let result=confirm("really");

13.计时器:
getElementById在这里插入图片描述
使用方法是函数+调用间隔(毫秒)的形式,函数可以直接写匿名函数或者传入已有函数名

    let timer;testTimer();function testTimer(){timer=setInterval(function (){alert("hi")},1000);}function stop(){clearInterval(timer);}

14.通过document.getElementById可以获取到对应的对象,然后可以直接通过.方法修改对象的属性

function on(){let target= document.getElementById("targetId");target.src="";
}

15.通过location.href可以更改地址栏url,实现跳转的效果

location.href="https://www.baidu.com";

通过window.onload可以指定打开页面加载完后执行的函数

window.onload=function (){}

16.js获取元素的四种方法
在这里插入图片描述


17.设置事件的两种方式
在这里插入图片描述
一些事件方法:
在这里插入图片描述

相关内容

热门资讯

北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
阿西吧是什么意思 阿西吧相当于... 即使你没有受到过任何外语培训,你也懂四国语言。汉语:你好英语:Shit韩语:阿西吧(아,씨발! )日...