美文网首页
js学习记录 -- 基础,数组,字符串,冒泡排序,选择排序,BO

js学习记录 -- 基础,数组,字符串,冒泡排序,选择排序,BO

作者: 像我这么帅的一般都是主角 | 来源:发表于2022-07-15 17:38 被阅读0次

JS由ECMAScript(执行标准) DOM BOM三部分构成
JS代码需要编写到script标签中

alert(“”);
document.write(“”); 向body中写入
console.log(“”); 向控制台输出一个日志

可以将js代码写入标签的onclick属性中,当我们点击按钮时,js代码才会执行
可以将js代码写入超链接的href属性中,这样当点击超链接时,会执行js代码
可以外部引入js代码,一旦用于引入外部,就不能在编写代码了,写了也会被浏览器忽略

  1. JS中严格区分大小写
  2. JS中每一条语句可以分号结尾,如果不写,浏览器会自己添加,但是会消耗一些系统资源,开发中分号必须写
  3. JS中会忽略多个空格和换行,利用空格和换行对代码进行格式化

数据类型转换
转数值:Number(); parseInt(); parseFloat();
转字符串:String(); toString();
转布尔:Boolean();

image.png image.png image.png image.png image.png image.png image.png image.png

BOM – browser object model
一整套操作浏览器相关内容的属性和方法

  1. 获取浏览器窗口尺寸
    window.innerWidth,window.innerHeight
  2. 浏览器的弹出层
    提示框:window.alert()
    询问框:window.confirm() //有返回值
    输入框:window.prompt()
  3. 关闭和开启标签页
    开启:window.open()
    关闭:window.close()
  4. 浏览器常见事件
    资源加载完毕:window.onload = function(){}
    可视尺寸改变:window.onresize =
    滚动条位置改变:window.onscroll =
  5. 浏览器的历史操作记录
    回退页面:window.history.back()
    前进页面:window.history.forward()
  6. 浏览器卷去的尺寸
    卷去的高度:
    document.documentElement.scrollTop
    document.body.scrollTop
    卷去的宽度:
    document.documentElement.scrollLeft
    document.body.scrollLeft
  7. 浏览器滚动到
    滚动到:window.scrollTo( left,right) / window.scrollTo({ left:xx, top:yy, behavior:’smooth’})
image.png

定时器的返回值是网页上的第X个定时器

相关文章

网友评论

      本文标题:js学习记录 -- 基础,数组,字符串,冒泡排序,选择排序,BO

      本文链接:https://www.haomeiwen.com/subject/ctrcirtx.html