原生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:設置新窗口出現(xiàn)時距離屏幕左邊的距離
? top:設置新窗口出現(xiàn)時距離屏幕上邊的距離
? scrollbars:設置當窗口過小時,是否顯示滾動條癌蓖,默認不顯示瞬哼,即默認值為no,可以設置為yes(顯示)
? resizable:設置窗口是否允許調節(jié)大小,默認不允許
? status:設置窗口是否顯示狀態(tài)欄租副,默認不顯示
? location:設置窗口是否顯示地址欄坐慰,默認不顯示
? toolbar:設置窗口是否顯示工具欄,默認不顯示
? 注意:以上屬性在IE瀏覽器下面效果明顯用僧,但是在谷歌或火狐中效果不明顯结胀,即有瀏覽器兼容問題
? 定時器
? setInterval:間隔一定時間重復執(zhí)行某代碼,類似于循環(huán)责循,但是和循環(huán)不同的是糟港,它可以空執(zhí)行的間隔
? setTimeout:在一定時間間隔后執(zhí)行某代碼,換句話說它可以令代碼的執(zhí)行有一個延遲效果
? setInterval格式:setInterval(“要執(zhí)行的代碼”院仿,時間間隔);注意時間為毫秒值1000毫秒=1秒秸抚,它在執(zhí)行時會有一個返回值,該返回值就是這個定時器的ID值歹垫,需要用一個變量來接收這個ID值
? 取消定時器
? clearInterval:作用是清除setInterval定時器剥汤,格式clearInterval(定時器編號);
? clearTimeout:作用是清除setTimeout定時器,格式clearTimeout(定時器編號);
? 注意:在使用定時器時排惨,通常將要執(zhí)行的操作封裝到一個函數(shù)中吭敢,然后在定時器中調用該函數(shù)就可以了,格式:setInterval(函數(shù)名暮芭,時間間隔);如setInterval(fn,1000);
? setTimeout格式:setTimeout(“要執(zhí)行的代碼”鹿驼,延遲時間),時間為毫秒值辕宏,返回值為timerID畜晰,也可以清楚,clearTimeont()
? document對象:用于控制HTML頁面和頁面中元素的對象
? 獲取頁面中元素的方法
? 通過元素的ID值獲取頁面中的元素:document.getElementById(“元素的ID值”);匾效,注意它只能獲取到頁面中的一個元素因為ID的值是唯一
? 通過元素的名稱獲取元素:document.getElementsByTagName(“標簽名”)舷蟀,注意它獲取的頁面中所有同類型的標簽
? 通過元素的name屬性獲取頁面中的元素document.getElementsByName(“name的屬性值”),它的返回值也是一個數(shù)組面哼,用來存儲獲取到的所有具有name屬性的元素野宜,常用于獲取頁面中的表單元素
? 如何用document對象修改或獲取某元素的屬性及屬性值,格式:
? document.getElementById(“ID值”).屬性 = “屬性值”魔策;
? 如何獲取元素的樣式(行內樣式)
? 獲取樣式:document.getElementById(“id值”).style.屬性
? 修改樣式:document.getElementById(“id值”).style.屬性 = 值
? 注意:如果屬性中包含連字符-匈子,那么在獲取樣式時需要將第二個單詞的首字母大寫,如font-size寫成fontSize
? 如何修改元素中的內容
? 使用innerHTML:向元素寫入內容闯袒,該元素可以div虎敦、p等游岳,它可以解析HTML標簽
? 使用innerText:向元素寫如內容,但是不解析標簽
? 使用value:向表單元素寫如內容

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末其徙,一起剝皮案震驚了整個濱河市胚迫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌唾那,老刑警劉巖访锻,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異闹获,居然都是意外死亡期犬,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進店門避诽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來龟虎,“玉大人,你說我怎么就攤上這事沙庐±鹜祝” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵拱雏,是天一觀的道長旭斥。 經(jīng)常有香客問我,道長古涧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任花盐,我火速辦了婚禮羡滑,結果婚禮上,老公的妹妹穿的比我還像新娘算芯。我一直安慰自己柒昏,他們只是感情好,可當我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布熙揍。 她就那樣靜靜地躺著职祷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪届囚。 梳的紋絲不亂的頭發(fā)上有梆,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天,我揣著相機與錄音意系,去河邊找鬼泥耀。 笑死,一個胖子當著我的面吹牛蛔添,可吹牛的內容都是我干的痰催。 我是一名探鬼主播兜辞,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼夸溶!你這毒婦竟也來了逸吵?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤缝裁,失蹤者是張志新(化名)和其女友劉穎扫皱,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體压语,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡啸罢,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了胎食。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扰才。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖厕怜,靈堂內的尸體忽然破棺而出衩匣,到底是詐尸還是另有隱情,我是刑警寧澤粥航,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布琅捏,位于F島的核電站,受9級特大地震影響递雀,放射性物質發(fā)生泄漏柄延。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一缀程、第九天 我趴在偏房一處隱蔽的房頂上張望搜吧。 院中可真熱鬧,春花似錦杨凑、人聲如沸滤奈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蜒程。三九已至,卻和暖如春伺帘,著一層夾襖步出監(jiān)牢的瞬間昭躺,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工伪嫁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留窍仰,地道東北人。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓礼殊,卻偏偏與公主長得像驹吮,于是被迫代替她去往敵國和親针史。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理碟狞,服務發(fā)現(xiàn)啄枕,斷路器,智...
    卡卡羅2017閱讀 134,652評論 18 139
  • 國家電網(wǎng)公司企業(yè)標準(Q/GDW)- 面向對象的用電信息數(shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 10,960評論 6 13
  • 一族沃、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結構)频祝,知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,770評論 0 8
  • HTML標簽解釋大全 一脆淹、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,240評論 1 41
  • 某些場景下常空,函數(shù)參數(shù)需要byte類型的,已知參數(shù)是string類型的盖溺,那怎么由string類型轉換成byte類型呢...
    舒小賤閱讀 5,021評論 0 2