原生JS-09

• BOM
• JS分为三个部分:ECMASCRIPT、BOM、DOM
• ECMASCRIPT:定义js基本语法
• BOM
• 什么是BOM:Browser Object Model浏览器对象模型,它定义了很多用来操作浏览器的方法和属性,注意它并不是一个对象,它是对象的集合,里面包含了很多的对象,里面有一个核心对象Window对象,window对象是一个全局对象,所谓全局对象,就是指文件中所定义的所有全局变量和方法都可以被window对象调用,换句话说我们定义的全局变量方法都是window对象的属性和方法
• window对象中包含了很对的方法,常用的方法有
• alert()
• confirm
• prompt()
• open():打开一个新的浏览器窗口,格式open(“新窗口所在地址”, “窗口名称”, “窗口所具有的属性”),注意,如不写名称,每次刷新,都会弹出一个新窗口,如过写名称,那么在刷新时只在原窗口中弹出,所包含属性有:
• width:设置新窗口的宽度
• height:设置新窗口的高度
• left:设置新窗口出现时距离屏幕左边的距离
• top:设置新窗口出现时距离屏幕上边的距离
• scrollbars:设置当窗口过小时,是否显示滚动条,默认不显示,即默认值为no,可以设置为yes(显示)
• resizable:设置窗口是否允许调节大小,默认不允许
• status:设置窗口是否显示状态栏,默认不显示
• location:设置窗口是否显示地址栏,默认不显示
• toolbar:设置窗口是否显示工具栏,默认不显示
• 注意:以上属性在IE浏览器下面效果明显,但是在谷歌或火狐中效果不明显,即有浏览器兼容问题
• 定时器
• setInterval:间隔一定时间重复执行某代码,类似于循环,但是和循环不同的是,它可以空执行的间隔
• setTimeout:在一定时间间隔后执行某代码,换句话说它可以令代码的执行有一个延迟效果
• setInterval格式:setInterval(“要执行的代码”,时间间隔);注意时间为毫秒值1000毫秒=1秒,它在执行时会有一个返回值,该返回值就是这个定时器的ID值,需要用一个变量来接收这个ID值
• 取消定时器
• clearInterval:作用是清除setInterval定时器,格式clearInterval(定时器编号);
• clearTimeout:作用是清除setTimeout定时器,格式clearTimeout(定时器编号);
• 注意:在使用定时器时,通常将要执行的操作封装到一个函数中,然后在定时器中调用该函数就可以了,格式:setInterval(函数名,时间间隔);如setInterval(fn,1000);
• setTimeout格式:setTimeout(“要执行的代码”,延迟时间),时间为毫秒值,返回值为timerID,也可以清楚,clearTimeont()
• document对象:用于控制HTML页面和页面中元素的对象
• 获取页面中元素的方法
• 通过元素的ID值获取页面中的元素:document.getElementById(“元素的ID值”);,注意它只能获取到页面中的一个元素因为ID的值是唯一
• 通过元素的名称获取元素:document.getElementsByTagName(“标签名”),注意它获取的页面中所有同类型的标签
• 通过元素的name属性获取页面中的元素document.getElementsByName(“name的属性值”),它的返回值也是一个数组,用来存储获取到的所有具有name属性的元素,常用于获取页面中的表单元素
• 如何用document对象修改或获取某元素的属性及属性值,格式:
• document.getElementById(“ID值”).属性 = “属性值”;
• 如何获取元素的样式(行内样式)
• 获取样式:document.getElementById(“id值”).style.属性
• 修改样式:document.getElementById(“id值”).style.属性 = 值
• 注意:如果属性中包含连字符-,那么在获取样式时需要将第二个单词的首字母大写,如font-size写成fontSize
• 如何修改元素中的内容
• 使用innerHTML:向元素写入内容,该元素可以div、p等,它可以解析HTML标签
• 使用innerText:向元素写如内容,但是不解析标签
• 使用value:向表单元素写如内容

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,490评论 18 139
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 10,798评论 6 13
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,746评论 0 8
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,208评论 1 41
  • 某些场景下,函数参数需要byte类型的,已知参数是string类型的,那怎么由string类型转换成byte类型呢...
    舒小贱阅读 4,979评论 0 2