vue中嵌套页面 iframe 标签

vue中嵌套iframe,将要嵌套的文件放在static下面:

<iframe src="../../../static/bear.html" width="300" height="300" frameborder="0" scrolling="auto"></iframe>

src可以使用相对路径,也可使用服务器根路径http:localhost:8088/…等:

<iframe src="https://www.baidu.com/" width="300" height="300" frameborder="0" scrolling="auto"></iframe>

百度页面:

bear页面

原文地址:https://www.cnblogs.com/520BigBear/p/10042405.html

时间: 2024-10-29 19:11:31

vue中嵌套页面 iframe 标签的相关文章

在iframe中关闭/删除iframe标签

在iframe的父页面中定义函数: function closeIFrame(){ console.log("关闭子页面"); $('#youriframeid').remove(); } 然后在iframe标签调用 parent.closeIFrame();

Asp.net MVC访问母版页中嵌套的iframe页面时,如果session或cookie过期,登录验证超时怎样自动跳转到登录页

一般登录验证的过滤器中,使用验证过滤器的Redirect方法,将请求重定向到指定的URL.但是如果我们要访问的页面是一个嵌套在母版页中的iframe页面时,这种重定向只会对iframe页面凑效,也就是会将iframe也重定向到登录页,这样就有违我们的目的了.所以我就尝试了很多方法来实现让整个页面重定向到登录页的目标,接下里我就来分享一下我的心路历程~~如果想看解决方法,可以直接拉到最后,忽略我的啰啰嗦嗦~~ 首先,我尝试了替换掉Redirect,改用了Write方法,意在将指定字符串写入HTTP

vue中嵌套路由

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

【转】vue中动态设置meta标签和title标签

因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 { path: '/teachers', name: 'TDetail', component: TDetail, meta: { title:"教师详情", content: 'disable' } }, { path: '/article', name: 'Article', component: Article, meta: { t

vue中实现后台管理标签页

<template> <section> <div class="navTabList el-tabs__nav-scroll" id="tabsNav" v-if="showTags"> <ul class="nt-ul el-tabs__nav" id="tabsNavList"> <li v-for="(item,index) in ta

vue中在一个页面如何设置多个倒计时

<script> function countDownFun(time) { time--; //时间一秒秒的减 let nowTime = new Date().getTime(); //现在时间 if (nowTime <= time) { //获取时间差 let timediff = Math.round((time - nowTime) / 1000); //获取还剩多少天 let day = parseInt(timediff / 3600 / 24); //获取还剩多少小时

iframe标签在PC端的使用

随着前端框架的崛起 各种组件化 模块化开发 然而我发现在PC端要考虑兼容 ~~~~ 自己琢磨着 在PC端怎么吧一个页面做成一个公共的部分  发现有个iframe标签可以在页面中嵌套 虽然iframe可以做成公共部分 但问题也是很多(PS:百度) <iframe src="../home/home.html" id="cont" frameborder="0" scrolling="no" width="100%

vue、html与iframe html事件相互调用

一.html文件中引入的iframe标签 1.在父html中调用子iframe html 中的事件 通过contentwindow属性 document.getElementById("myiframe").contentWindow.myfunc() 其中 myiframe 为当前的iframe的id, myfunc为iframe html中的事件 2.在iframe html 中调用父HTML 的方法 parent.func() 二.vue页面中引入的iframe标签 1.在vue

前端iframe标签介绍及使用

使用的场景: (1) 有重复的板块内容显示的时候 # 后端如果是模板渲染方式(得到页面是通过继承的形式),可以换成iframe来请求直接获取子功能页面 iframe标签的作用: iframe标签可以实现html主页面嵌套html子页面,子页面可以是一个功能页面,在某些时候使用iframe非常的方便 # 所以如果是模板渲染方式的,前端就可以使用iframe标签节省一点网络带宽(传输的内容会少一些,并且主页面不会刷新,只是iframe在请求得到新的资源). 模板渲染和iframe的对比: (1) 子