iframe的document *** 作

获取所有的iframe标签

取完整iframe元素必须用getElementById的方法获取。

这里主要拿到iframe的document *** 作元素，有些浏览器可以直接contentDocument获取document *** 作元素，有些需要通过contentWindowdocument获取

这样就能获取iframe所有的输入框标签。

注意：当iframe跨域的时候，就无法获取iframe的document *** 作。

<meta >

最近在学习Vuejs，把自己遇到的问题做个记录，所以，今天添加一点小笔记。

在项目中遇到两个问题，简单的做个笔记来记录自己解决的问题，可能不是很好的处理办法，欢迎提出，自己还在不断优化中

第一个是vue在加载页面的时候，会先加载静态资源，这个时候数据还没有请求回来，用户会先看到静态的内容（就是页面固定写死的），过一会才会有数据回来渲染，这体验是很差的，其实解决办法也很简单，就是用vue里的

v-if

来判断请求的数据是否返回　

<div

class="container"

id="app"

v-cloak>

<div

v-if='moneyInMsguuid'>

<in-account-msg

:money-in-msg="moneyInMsg"></in-account-msg>

</div>

</div>

这里的

v-if

=

'moneyInMsguuid'

就是来判断数据有没有请求回来，如果请求回来就让他显示，没有请求到数据，就让他loading，这样体验就会好很多。在这里还需要注意的是，v-if判断的数据源，是数据返回的字段，如果两个字段只能存在其一的话，可以v-if

='a

||

b'

来判断数据是否成功的返回；还要注意的一点是，不能直接在组件里用v-if判断，也不能直接在根标签里判断，直接嵌套一个div就可以解决，并不影响样式，只做数据是否正常返回的显示作用；

第二个就是在使用vuex时，有数据缓存；我遇到的情况是，在列表页点击进入详情页，返回到列表页，在进入另一个详情页的时候，数据会显示之前的数据，同时页面还在loading（接口返回的数据比较慢），过一会数据返回的时候，才重新渲染页面。可能是自己对vuex理解的不够深入，没有在vuex基础上解决这个问题。虽然曲折的解决了这个问题，但是不够zhuang,但是解决了问题，后期再做优化。

在之前解决的方案中，是进入页面的时候，重新刷新页面，重新请求数据，代码如下：

export

const

refresh

=

(title)

=>

{

documenttitle

=

title;

let

iframe

=

documentcreateElement('iframe');

　iframesrc

=

require('/mmjpg');

iframesetAttribute('style',

'display:none;');

let

loadFn

=

function

()

{

iframeremoveEventListener('load',

loadFn);

documentbodyremoveChild(iframe);

consoleinfo('Page

Title

IS

'

+

title);

iframe

=

null;

loadFn

=

null;

}

documentbodyappendChild(iframe)

iframeaddEventListener('load',

loadFn);

}

但是没有达到预期的效果，依然会出现上面的情况

丫的,抓狂了（被别人催的感觉真的不爽）

百度啊，google啊，都没有遇到这种情况的？找到一个，还是提问的，没有回答的，好吧，还是靠自己。自己动手，丰衣足食啊

思路是，定义一个参数status为false，当数据没有请求回来，就不显示，也是用上面的方式来判断，一直loading（请求失败，去掉loading），当数据返回的时候，让status为true；使用$nextTick来更新数据

贴上自己部分的代码作为参考:

<template>

<div

v-if='status

&&

ordername'>

//页面展示的数据

</div>

</template>

<script>

export

default{

data(){

return

{

status：false

}

},

created(){

var

_this

=

this;

thissetDd({res

=>{

_this$nextTick(function(){

_thisstatus=

true

});

}})

},

computed:{

mapGetters({//getter获取的数据})

},

methods:{

mapActions(['setDd'])

//获取数据的方法

}

}

</script>

处理的方式比较丑陋,但是实现了想要的效果；这里注意一点就是v-if的判断问题。（v-if='status

&&

ordername'）这个用了并且，目的是有数据返回，才能让他显示，如果没有数据，会显示静态的值，数据都为underfind

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

不能抓取到iframe的地址跳转。根据查询相关资料信息显示，iframe对象的src属性只反映初始定义的URL，不随iframe内文档地址的变化而变化。在跨域的情况下，外部文档虽然能获取iframe内的window对象，但该window对象的location值是空的。

iframe原本的用法在现在看来是不合时宜的，问题太多了，不一一列举，但是它的其他功能却是不错的黑魔法，这里列举一些，想到了再更新：

用来实现长连接，在websocket不可用的时候作为一种替代，最开始由google发明。Comet：基于 >

用session（）

在bjsp里写

session（"aa"）=eeee 或者session（"aa"）=requestform（"tt"）

然后在ajsp里就能读到session("aa")的值了 responsewrite(session("aa"))。当然，要从b页面链接跳到a页面，那样a页面才能读到b页面的值，要不然a页面也b页面没有关系，session是没用用的。

还不明白的话可以补充问

以上就是关于iframe的document *** 作全部的内容，包括:iframe的document *** 作、HTML Meta清缓存问题★★★☆、解决vue2.x中数据渲染以及vuex缓存的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！