详解iframe的src指向的内容不刷新的解决办法 _HTML/Xhtml_网页制作

来源:脚本之家  责任编辑:小易  

src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。script>当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css,而不是使用@import方式www.zgxue.com防采集请勿采集本网。

问题描述

域名解析也叫域名指向、服务器设置、域名配置以及反向IP登记等等。说得简单点就是将好记的域名解析成IP,服务由DNS服务器完成,是把域名解析到一个IP地址,然后在此IP地址的主机上将一个子目录与域名绑定

html

如果是A记录,那么记录值对应填写服务器或虚拟空间IP地址;如果是CNAME记录,那么记录值填写一个指向对应IP的域名或子域名。如果是TXT记录,那么记录值就是填写一段文本(一般验证空间或域名和

<iframe id="h5Content" src=""></iframe>

如何做好反向解析?首先要有固定公网IP地址、可用域名(最好不要被其它服务所用),例如您有lunch-time.com的域名,您可以要求您的域名注册商为您添加一个okmail.lunch-time.com的域名并将其A

js

解析:如下图所示,分针指向12,时针指向7,也就是说此时钟表所表示的时间为7点整。计时器上指示小时的指针,钟表等计时器表面上的针形零件有长针和短针之别,短针指示“时”,称“时针”。时针“顺时针”

$("#h5Content").attr("src","${h5.url}");

比如说 http://www.aaa.com/ 指向10.10.1.1ftp.aaa.com指向10.10.2.2如果这时候客户访问的是aaa.com或者error.aaa.com (这里error代表一个根本不存在的域名或者说是A记录)这个时候,如果dns

h5.url对应的是一个ueditor编辑好存到数据库的一个页面.

修改这个页面内容提交后,iframe 中呈现的页面并没有变化.

原因

iframe的src的值发生改变,才会刷新iframe里面的内容.

所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不刷新内容;

解决办法

原因找到了,解决就非常容易了.想任何一种办法让iframe的src的值有变化就可以了.

我当时的解决办法如下:

$("#h5Content").attr("src","${h5.url}"+"?time="+new Date().getTime());

给url后面通过问号传值,传一个当前时间,就解决了.这个值并没有其他用处,只是为了改变src的值.

PS:iframe缓存不刷新问题彻底解决方法

这两天遇到一个很奇怪的问题,一个页面嵌套了一个iframe页面,当这个页面提交后再次跳转到本页面时,原本iframe内的页面应该刷新数据的,结果在ie下面却没刷新(FF下没问题),必须手动F5或者新开一个浏览器标签页浏览才能刷新,否则在本页面的浏览器上按回车是没用的,查阅了很多资料,最后终于发现是iframe缓存机制在搞鬼,用以下方法即可解决:

<script type="text/javascript">var randomnumber=Math.floor(Math.random()*100000)document.write('<iframe src="http://www.freedonation.com/hunger/hunger_thankyou.php3?random='+randomnumber+'" name="aframe" width="100%" height="400"></iframe>')</script>

通过请求多加一个值为随机数的参数,这样浏览器认为每次请求的页面都是新的而保证了iframe页面每次都是重新加载的。

到此这篇关于详解iframe的src指向的内容不刷新的解决办法 的文章就介绍到这了,更多相关iframe的src指向不刷新内容请搜索真格学网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持真格学网!

和你这么说吧,href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。src 表示来源地址,在 img、script、iframe 等元素上。src 的内容,是页面必不可少的一部分,是引入。href 的内容,是与该页面有关联,是引用。区别就是,引入和引用。希望你能理解吧,欢迎追问,尽我所能为你解答内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • iframe与window.onload如何使用详解
  • 遮罩层 + iframe实现界面自动显示的示例代码
  • 通过iframe监听一个dom元素大小变化
  • 关于解决iframe标签嵌套问题的解决方法
  • 如何用iframe套用对方网页数据而又保持兼容的实现方法
  • 使用iframe+postmessage实现页面跨域通信的示例代码
  • iframe跨域的几种常用方法
  • 详解使用postmessage解决iframe跨域通信问题
  • 跨域修改iframe页面内容详解
  • 关于iframe跨域使用postmessage的实现
  • HTML中的href和src有什么区别?
  • web前端大神,href和src有什么区别
  • 怎样设置域名解析的记录值?
  • 如何在一个frame中同时显示多个页面?
  • 什么叫域名解析?
  • 域名解析时要填的值是什么
  • 怎样做反向域名解析(反向DNS解析)
  • 分针指向几?时针指向几就是几时
  • 什么叫泛解析啊?
  • 什么是泛域名解析
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全主页网页制作html/xhtmliframesrc指向遮罩层 + iframe实现界面自动显示的示例代码关于解决iframe标签嵌套问题的解决方法如何用iframe套用对方网页数据而又保持兼容的实现方法使用iframe+postmessage实现页面跨域通信的示例代码跨域修改iframe页面内容详解关于iframe跨域使用postmessage的实现html/xhtmlhtml5cssxml/xsltdreamweaver教程frontpage教程心得技巧iframe标签用法详解(属性、透明、自适应高度)16进制颜色代码(完全)40多个漂亮的网页表单设计实例定义input type=file 样式的方法html中让表单input等文本框为只读不可编辑的方法html中设置锚点定位的几种常见方法html 几种特别分割线特效 html iframe 用法总结收藏html 超级链接详细讲解网页嵌入百度地图和使用百度地图api自定义地图的详细详解iframe的src指向的内容不刷新的解决办法 浅析html 悬浮float的用法html post请求之a标签的两种用法解析html+css 实现图片右上角加删除叉、图片删除按钮html行内元素与块级元素有哪些及区别详解html转pdf的纯客户端和纯服务端实现方案浅析html webpack plugin插件的使用教程html网页添加音乐视频的实现示例html页面插入svg的多种方式table中cesllspacing与cellpadding的区别详解
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved