iframe屬性有哪些,html中的iframe標(biāo)簽
- 夕逆IT
- 前端設(shè)計(jì)
- 2023-08-13
- 556
html文本框控件屬性窗口事件(WindowEvents 僅在body和frameset元素中有效。屬性值描述onload腳本當(dāng)文檔載入時(shí)執(zhí)行腳本onunload腳本當(dāng)...
html文本框控件屬性
窗口事件(WindowEvents)
僅在body和frameset元素中有效。
屬性值描述
onload腳本當(dāng)文檔載入時(shí)執(zhí)行腳本
onunload腳本當(dāng)文檔卸載時(shí)執(zhí)行腳本
表單元素事件(FormElementEvents)
僅在表單元素中有效。
屬性值描述
onchange腳本當(dāng)元素改變時(shí)執(zhí)行腳本
onsubmit腳本當(dāng)表單被提交時(shí)執(zhí)行腳本
onreset腳本當(dāng)表單被重置時(shí)執(zhí)行腳本
onselect腳本當(dāng)元素被選取時(shí)執(zhí)行腳本
onblur腳本當(dāng)元素失去焦點(diǎn)時(shí)執(zhí)行腳本
onfocus腳本當(dāng)元素獲得焦點(diǎn)時(shí)執(zhí)行腳本
鍵盤事件(KeyboardEvents)
在下列元素中無效:base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,以及title元素。
屬性值描述
onkeydown腳本當(dāng)鍵盤被按下時(shí)執(zhí)行腳本
onkeypress腳本當(dāng)鍵盤被按下后又松開時(shí)執(zhí)行腳本
onkeyup腳本當(dāng)鍵盤被松開時(shí)執(zhí)行腳本
鼠標(biāo)事件(KeyboardEvents)
在下列元素中無效:base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素。
屬性值描述
onclick腳本當(dāng)鼠標(biāo)被單擊時(shí)執(zhí)行腳本
ondblclick腳本當(dāng)鼠標(biāo)被雙擊時(shí)執(zhí)行腳本
onmousedown腳本當(dāng)鼠標(biāo)按鈕被按下時(shí)執(zhí)行腳本
onmousemove腳本當(dāng)鼠標(biāo)指針移動(dòng)時(shí)執(zhí)行腳本
onmouseout腳本當(dāng)鼠標(biāo)指針移出某元素時(shí)執(zhí)行腳本
onmouseover腳本當(dāng)鼠標(biāo)指針懸停于某元素之上時(shí)執(zhí)行腳本
onmouseup腳本當(dāng)鼠標(biāo)按鈕被松開時(shí)執(zhí)行腳
拷貝過來的很全,希望對(duì)你有所幫助!!
如何向iframe中傳遞參數(shù)
在子iframe中如果需要用js傳值給父窗口,或是調(diào)用父窗口的方法需要在前邊加上top.修改父窗口控件屬性window.parent.document.getElementById('frmright').src=window.parent.document.getElementById('frmrightsrc').value;調(diào)用父窗口函數(shù)window.parent.POPUP('bigFram');父窗口調(diào)用iframe子窗口方法<iframename="myFrame"src="child.html"></iframe>myFrame.window.functionName();iframe子窗口調(diào)用父窗口方法parent.functionName();
什么是window對(duì)象,什么是document對(duì)象
簡(jiǎn)單來說,document是window的一個(gè)對(duì)象屬性。Window對(duì)象表示瀏覽器中打開的窗口。如果文檔包含框架(frame或iframe標(biāo)簽),瀏覽器會(huì)為HTML文檔創(chuàng)建一個(gè)window對(duì)象,并為每個(gè)框架創(chuàng)建一個(gè)額外的window對(duì)象。所有的全局函數(shù)和對(duì)象都屬于Window對(duì)象的屬性和方法。document對(duì)Document對(duì)象的只讀引用。區(qū)別:
1、window指窗體。document指頁面。document是window的一個(gè)子對(duì)象。
2、用戶不能改變document.location(因?yàn)檫@是當(dāng)前顯示文檔的位置)。但是,可以改變window.location(用其它文檔取代當(dāng)前文檔)window.location本身也是一個(gè)對(duì)象,而document.location不是對(duì)象
什么是跨域,跨域的實(shí)現(xiàn)方式有哪些
查了一些資料,再結(jié)合我之前的了解,給大家介紹一下,如果有說的不對(duì)的地方,請(qǐng)大家留言指正。
什么是跨域瀏覽器有一個(gè)毛?。ú呗裕赫?qǐng)求url的協(xié)議、域名、端口必須相同,才允許訪問(通信),否則就不允許訪問,是跨域。
https(協(xié)議)://www.wukong.com(域名和端口)/index.html
比如:
https://www.wukong.com/index.html
http://www.wukong.com/index.html
這樣就不允許通信,因?yàn)閰f(xié)議不同。
完整的舉個(gè)例子:
你有服務(wù)器A和服務(wù)器B,服務(wù)器A上存著CSS和JS腳本,服務(wù)器B上存著HTML,HTML頁面上的CSS和JS都是鏈接的服務(wù)器A上面的。
然后用瀏覽器打開服務(wù)器B上面的xxx.html,頁面打開后可以正常渲染出樣式,可以運(yùn)行JS腳本,這樣就是跨域名,跨端口,跨協(xié)議。
如何解決跨域JSONP:利用了script標(biāo)簽不受同源策略的限制,通過script加載服務(wù)器A的資源。
Proxy代理:使用服務(wù)器接口做代理,因?yàn)橥床呗灾槍?duì)瀏覽器。
CORS:跨域資源共享,這個(gè)就是瀏覽器后悔了,出了一個(gè)跨域訪問機(jī)制(XMLHttpRequest),低版本IE不支持。
Postmessage:HTML5新增的跨域機(jī)制。
Nginx反向代理:相當(dāng)于Proxy代理。
希望我的回答可以幫助到你!
替代iframe的最好方法
使用HTML5的標(biāo)簽因?yàn)閕frame存在安全問題,加載速度慢等問題,使用HTML5的標(biāo)簽,如<object>和<embed>標(biāo)簽可以完美替代iframe,并且支持更多的多媒體內(nèi)容。除此之外,也可以使用Ajax技術(shù)和jQuery等JavaScript庫來達(dá)到同樣的效果,但需要對(duì)前端技術(shù)有一定的掌握,或者可以參考一些前端框架,如Angular、React等,來實(shí)現(xiàn)同樣的目的。
document和window的區(qū)別
簡(jiǎn)單來說,document是window的一個(gè)對(duì)象屬性。Window對(duì)象表示瀏覽器中打開的窗口。如果文檔包含框架(frame或iframe標(biāo)簽),瀏覽器會(huì)為HTML文檔創(chuàng)建一個(gè)window對(duì)象,并為每個(gè)框架創(chuàng)建一個(gè)額外的window對(duì)象。所有的全局函數(shù)和對(duì)象都屬于Window對(duì)象的屬性和方法。document對(duì)Document對(duì)象的只讀引用。區(qū)別:
1、window指窗體。document指頁面。document是window的一個(gè)子對(duì)象。
2、用戶不能改變document.location(因?yàn)檫@是當(dāng)前顯示文檔的位置)。但是,可以改變window.location(用其它文檔取代當(dāng)前文檔)window.location本身也是一個(gè)對(duì)象,而document.location不是對(duì)象
本文鏈接:http://xinin56.com/qianduan/1192.html