iframe属性有哪些,html中的iframe标签
- 前端设计
- 2023-08-13
- 556
html文本框控件属性窗口事件(WindowEvents 仅在body和frameset元素中有效。属性值描述onload脚本当文档载入时执行脚本onunload脚本当...
html文本框控件属性
窗口事件(WindowEvents)
仅在body和frameset元素中有效。
属性值描述
onload脚本当文档载入时执行脚本
onunload脚本当文档卸载时执行脚本
表单元素事件(FormElementEvents)
仅在表单元素中有效。
属性值描述
onchange脚本当元素改变时执行脚本
onsubmit脚本当表单被提交时执行脚本
onreset脚本当表单被重置时执行脚本
onselect脚本当元素被选取时执行脚本
onblur脚本当元素失去焦点时执行脚本
onfocus脚本当元素获得焦点时执行脚本
键盘事件(KeyboardEvents)
在下列元素中无效:base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,以及title元素。
属性值描述
onkeydown脚本当键盘被按下时执行脚本
onkeypress脚本当键盘被按下后又松开时执行脚本
onkeyup脚本当键盘被松开时执行脚本
鼠标事件(KeyboardEvents)
在下列元素中无效:base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素。
属性值描述
onclick脚本当鼠标被单击时执行脚本
ondblclick脚本当鼠标被双击时执行脚本
onmousedown脚本当鼠标按钮被按下时执行脚本
onmousemove脚本当鼠标指针移动时执行脚本
onmouseout脚本当鼠标指针移出某元素时执行脚本
onmouseover脚本当鼠标指针悬停于某元素之上时执行脚本
onmouseup脚本当鼠标按钮被松开时执行脚
拷贝过来的很全,希望对你有所帮助!!
如何向iframe中传递参数
在子iframe中如果需要用js传值给父窗口,或是调用父窗口的方法需要在前边加上top.修改父窗口控件属性window.parent.document.getElementById('frmright').src=window.parent.document.getElementById('frmrightsrc').value;调用父窗口函数window.parent.POPUP('bigFram');父窗口调用iframe子窗口方法<iframename="myFrame"src="child.html"></iframe>myFrame.window.functionName();iframe子窗口调用父窗口方法parent.functionName();
什么是window对象,什么是document对象
简单来说,document是window的一个对象属性。Window对象表示浏览器中打开的窗口。如果文档包含框架(frame或iframe标签),浏览器会为HTML文档创建一个window对象,并为每个框架创建一个额外的window对象。所有的全局函数和对象都属于Window对象的属性和方法。document对Document对象的只读引用。区别:
1、window指窗体。document指页面。document是window的一个子对象。
2、用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location(用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象
什么是跨域,跨域的实现方式有哪些
查了一些资料,再结合我之前的了解,给大家介绍一下,如果有说的不对的地方,请大家留言指正。
什么是跨域浏览器有一个毛病(策略):请求url的协议、域名、端口必须相同,才允许访问(通信),否则就不允许访问,是跨域。
https(协议)://www.wukong.com(域名和端口)/index.html
比如:
https://www.wukong.com/index.html
http://www.wukong.com/index.html
这样就不允许通信,因为协议不同。
完整的举个例子:
你有服务器A和服务器B,服务器A上存着CSS和JS脚本,服务器B上存着HTML,HTML页面上的CSS和JS都是链接的服务器A上面的。
然后用浏览器打开服务器B上面的xxx.html,页面打开后可以正常渲染出样式,可以运行JS脚本,这样就是跨域名,跨端口,跨协议。
如何解决跨域JSONP:利用了script标签不受同源策略的限制,通过script加载服务器A的资源。
Proxy代理:使用服务器接口做代理,因为同源策略之针对浏览器。
CORS:跨域资源共享,这个就是浏览器后悔了,出了一个跨域访问机制(XMLHttpRequest),低版本IE不支持。
Postmessage:HTML5新增的跨域机制。
Nginx反向代理:相当于Proxy代理。
希望我的回答可以帮助到你!
替代iframe的最好方法
使用HTML5的标签因为iframe存在安全问题,加载速度慢等问题,使用HTML5的标签,如<object>和<embed>标签可以完美替代iframe,并且支持更多的多媒体内容。除此之外,也可以使用Ajax技术和jQuery等JavaScript库来达到同样的效果,但需要对前端技术有一定的掌握,或者可以参考一些前端框架,如Angular、React等,来实现同样的目的。
document和window的区别
简单来说,document是window的一个对象属性。Window对象表示浏览器中打开的窗口。如果文档包含框架(frame或iframe标签),浏览器会为HTML文档创建一个window对象,并为每个框架创建一个额外的window对象。所有的全局函数和对象都属于Window对象的属性和方法。document对Document对象的只读引用。区别:
1、window指窗体。document指页面。document是window的一个子对象。
2、用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location(用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象
本文链接:http://xinin56.com/qianduan/1192.html