计算机专业网站开发开题报告,青岛做网站建设价格,电商平台网站,怎么用腾讯云主机建设网站后台管理系统多用到了页面嵌套页面的场景#xff0c;下面是我在工作中解决的方法#xff0c;利用object/object的data属性#xff0c;下面试w3c的介绍#xff1a; data 属性用于指定供对象处理的数据文件的 URL。 该属性的值是文件的 URL#xff0c;该 UR… 后台管理系统多用到了页面嵌套页面的场景下面是我在工作中解决的方法利用object/object的data属性下面试w3c的介绍 data 属性用于指定供对象处理的数据文件的 URL。 该属性的值是文件的 URL该 URL 可能是相对于文件基本 URL 的绝对 URL 或相对 URL或者是相对于用 codebase 属性提供的 URL 的绝对或相对 URL。 浏览器通过插入到文档中的对象类型来决定数据的类型。 该属性类似于 img 标签中的 src 属性因为它下载的是要由包含对象进行处理的数据。当然它们之间的差别在于data 属性允许包含【几乎任何文件类型】而不仅仅是图像文件。 看到中文框标出来的没几乎任何文件就是他了。 上示例代码 首先我创建一个new.html文件内容随意 那当然是Hello World 啦 然后创建index.html 代码 !DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 meta http-equivX-UA-Compatible contentieedge titleDocument/title /head style .top{ width: 100%; height: 40px; float: left; }; .left{ width: 200px; height: 300px; background-color: tan; float: left; } .right{ width: 400px; height: 500px; background-color: darkcyan; float: left; } /style body div classmain-container idmain stylewidth:99% div classtop button typebutton idbtn 确认/button/div div classleft/div div classright 11111111111111111 /div /div /body script src./../jquery.min.js/script script function load_home() { $(.right).html(object typetext/html datanew.html width100% height100%/object) } $(#btn).click(function(){ load_home() }) /script /html 效果截图 初始界面是这样 我盟看下html结构 可以看到.right元素下文件内容下面我们来点击切换按钮 点击后.right元素内元素被替换改变为一个完整的html文件内容。 大家可以试一试啦。 转载于:https://www.cnblogs.com/TLSF/p/9066276.html
