1.什麼是dom:
文件物件模型 (dom) 是html和xml文件的程式設計介面。它提供了對文件的結構化的表述,並定義了一種方式可以使從程
序中對該結構進行訪問,從而改變文件的結構,樣式和內容。dom 將文件解析為乙個由節點和物件(包含屬性和方法的物件)
組成的結構集合。簡言之,它會將web頁面和指令碼或程式語言連線起來。
獲得div資訊:
document.getelementbyid("div對應的id");
"en">
"intro
">helloworld
"main
">
the dom is very useful.
class="
content
">1
class="
content
">2
class="
content
">3
class="
content
">4
dom的節點:
var p=document.createelement("p");//生成乙個
var word=document.createtextnode("我是新增的p標籤「);//在
裡面新增p的內容
dom的事件:也就是點選某乙個內容觸發事件
為 元素新增點選事件。 當使用者點選按鈕時,在 id="demo" 的 元素上輸出 "hello world" :
document.getelementbyid("mybtn
").addeventlistener("
click
", function());
按鈕我是main
我是btn
window.location:
步驟:瀏覽器介面——按下f12——點選console——分別輸入如下內容
location.hostname 返回web主機的網域名稱
location.pathname返回當前頁面的路徑和檔名
location.protocol 返回所使用的web協議(http://或者https://)
location.href返回(當前頁面的整個url)
window.history:
window.history 物件在編寫時可不使用window這個字首直接寫history
history.back()在與瀏覽器點選後會後退一級
history.forward()在與瀏覽器中點選按鈕向前一級
javascript原生DOM知識總結
dom是 document object model的縮寫,也就是文件物件模型的意思,它是一種用於html和xml文件的程式設計介面。它給文件提供了一種結構化的表示方法,可以改變文件的內容和呈現方式。上面對dom的解釋比較官方不易理解,用我自己的話來解釋的話 網頁是由一系列的html組成,如果把每乙...
DOM高階知識
需求 使用element.style.left是無法獲取值的,只能給style.left賦值 因此需要用offset獲取該元素在頁面中的位置 1 offsetleft 表示自己的左上角相對於乙個叫做offsetparent的水平偏移量 1 標準流 浮動 非脫標定位 offsetparent是誰?bo...
Dom思維總結
element 物件 原來是w3c的標準在作怪啊 transitional.dtd 如果在頁面中新增這行標記的話 在ie中 document.body.clientwidth body物件寬度 document.body.clientheight body物件高度 document.document...