BOM操作、DOM操作、jQuery类库

前端javascript之BOM、DOM操作、事件

BOM与DOM操作 BOM 浏览器对象模型>>>:使用js操作浏览器 DOM 文档对象模型>>>:使用js操作前端页面 window对象所有浏览器都支持 window 对象.它表示浏览器窗口. *如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 windo…

目录 BOM操作常用BOM操作三种弹出框 alert confirm prompt 定时任务 setTimeout 循环定时 setInterval DOM操作查找标签直接查找间接查找操作节点创建标签 createElement 操作标签属性 setAttribute 操作标签文本 innerText innerHTML 添加标签 appendChild 获取值操作 value class与css操作事件常见事件绑定事件的多种方式事件函数中的this关键字 onload方法…

jQuery操作Dom、jQuery事件机制、jQuery补充部分

jQuery操作Dom: 修改属性: //使用attr()方法 //attr(name, value) //name:要修改的属性的属性名 //value:对应的值 //attr方法,如果当前标签有要修改的属性,就会进行修改,如果没有,直接添加例:$("a").attr("href","http://www.baidu.com"); 修改多个属性值: //attr(obj) $(“img”).attr({ “title”: ”文件名称”, “s…

JS中的函数、BOM和DOM操作

一.JS中的函数 [关于注释] /** [文档注释]:开头两个*.写在函数上方,在调用函数时可以看到文档上方的描述信息. */ // 单行注释 /* 多行注释 */ 1.函数的声明及调用 (1)函数的声明格式 function 函数名(参数1,参数2,......){ //函数体代码 return 返回值; } (2)函数的调用 ① 直接调用:函数名(参数1的值,参数2的值,......); ② 事件调用:直接在HTML标签中,直接使用事件名="函数名()"; eg. &…

JavaScript的BOM、DOM操作、节点以及表格（二）

BOM操作一.什么是BOM BOM(Browser Object Model)即浏览器对象模型. BOM提供了独立于内容而与浏览器窗口进行交互的对象: BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性: 二.BOM常用的对象 Screen对象:尺寸 window.screen; screen.width screen.height screen.availHeight//可用高度 = 可用高度-底部任务栏高度 screen.availWidth//可用宽度 L…

前端基础之BOM和DOM操作

目录 BOM和DOM定义 windows对象 windows的子对象 navigator对象 screen对象 history对象 location对象弹出框警告框确认框提示框计时相关 setTimeout() clearTimeout() setInterval() clearInterval() HTML DOM树查找标签直接查找间接查找节点操作创建节点添加节点删除节点替换节点属性节点 attribute操作获取值操作 class操作标签类属性 css样式操作…

前端基础之BOM与DOM操作

目录 BOM操作 navigator对象 screen对象 history对象 localtion对象弹出框计时 setTimeout() clearTimeout() setInterval() clearInterval() DOM操作查找标签直接查找间接查找节点操作创建节点添加节点删除节点替换节点属性节点获取节点值 class属性操作指定CSS样式操作事件常用事件绑定方式例子 BOM 和 DOM 是个啥? BOM(Browser Object Model)…

js运算符、流程控制、函数、内置对象、BOM与DOM操作

运算符 # 1.算术运算符 var x=10; var res1=x++; '先赋值后自增1' var res2=++x; '先自增1后赋值' # 2.比较运算符弱等于:自动转换类型 '5' == 5 '结果是true js会自动转换成相同数据类型比较值是否一样' 强等于:不转换类型 '5' === 5 '结果是false' # 3.逻辑运算符 python中使用 and.or.not js中使用&&.||.! 流程控制 # if判断 1.单if分支 if(条件){ 条件成立执行的分支代…

JS中BOM与DOM操作

BOM操作 window对象是与浏览器窗口做交互的语言 BOM = Browser Object Model 是指浏览器对象模型,它可以使Javascript 有能力和浏览器进行对话 window.open() //打开一个新的窗口 window.open('https://www.baidu.com/','','width=300px,left=200px') //打开的网址以及新窗口的高度宽度都可以设置 window.close() //关闭当前窗口 navigator.userAg…

JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

前言絮叨絮叨这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学,经过初步的学习,会对这一门语言有了一定深入的了解,也会感受到这一门语言的强大之处.希望各位同学通过一定的学习,会得到等大的收获. 因为是最后一篇所以内容可能有点多,希望各位同学能够慢慢看,细细看,让我们一起学习,一起进步,一起感受JS的魅力. 一函数函数的声明及调用 1.函数的声明格式: func…