当前位置:首页 > 前端设计 > 正文

iframe属性有哪些,html中的iframe标签

iframe属性有哪些,html中的iframe标签

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不是对象

最新文章