个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
26
4
是否有一篇好文章或如何让 iframe 或框架与每个页面异步工作？我有一个底部/固定的 div 包裹在 jquery 中，可以在包含 mp3 播放器的悬停时向上滑动。我用 iframe 引用了播放器。我渲染得很好，但是如果不在页面刷新或导航到另一个页面时重新加载，它怎么能继续播放呢？我希望它固定在每个页面的底部并且不刷新地连续播放。我尝试将 iframe 放在每个页面中，但仍然没有用。有任何想法吗？谢谢。
最佳答案
如果它必须留在浏览器中(不是下载应用程序或在音乐/视频播放器中读取流)，唯一的方法应该是不要真正更改页面，并加载必须使用 ajax 或 javascript 更改的内容(或者把它放在 (i)frame 中。
但是如果只用讲师创建一个页面并在您的网站上放置一个链接以在另一个选项卡中打开它会容易得多:
<a href="/music-player.htm" target="musicPlayer">Text or what you want</a>
编辑:
所以使用 javascript 会得到与 ajax 相同的结果，但这意味着不更改页面，因此对于 SEO 如果它有点重要则不好。
我所说的 javascript 的意思是，例如，如果您单击链接“主页”，只需动态添加一个 <script type="text/javascript" src="/homepage.js"></script>修改页面内容(同时保留 mp3 播放器)。
否则，如果播放器可以通过 javascript 知道的话，也许可以使用 cookie:
有可能在更改页面时获得合适的时间(但会有时间加载页面和没有音乐的 mp3 播放器)。
或者可以有 mp3 播放器，它可以节省我们现在的时间，并在此时开始另一个页面(但仍然在切换页面时几秒钟没有声音)。
使用这些方法也会有打开多个页面的问题。
编辑:
我在 iframe 中尝试了页面内容的方式，它工作得很好，但需要 membre 切换到 mp3 模式。
这是 mp3.html(放在根文件夹中，如果不可能，则需要进行一些更改):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MP3 Player</title>
<style type="text/css">
html {
font-size: 100%;
}
body {
margin: 0;
padding: 0em;
}
#frame { width: 100%; height: 100%; border: none; }
#player { position: absolute; right: 20px; bottom: 20px; }
</style>
<script type="text/javascript">
if ("onhashchange" in window) {
var h='';
var command= false;
window.onhashchange = function(){
if(location.hash==h) return;
command= true;
window.frames['frame'].location.replace(location.hash.replace(/^#/,""));
h= window.location.hash;
}
}
</script>
</head>
<body>
<iframe id="frame" onLoad="if(this.src=='')return;if(command)command=!1;else window.location.replace(h='#'+window.frames['frame'].location.href.replace(new RegExp('^'+document.location.origin),''));document.title=window.frames['frame'].document.title;"></iframe>
<script type="text/javascript">
document.getElementById("frame").src=document.location.hash.replace(/^#/,"");
</script>
<div id="player">
<object type="application/x-shockwave-flash" data="http://s301826463.onlinehome.fr/so/dewplayer.swf?mp3=http://s301826463.onlinehome.fr/so/Tokyo.mp3" width="200" height="20" id="dewplayer"><param name="wmode" value="transparent"><param name="movie" value="http://s301826463.onlinehome.fr/so/dewplayer.swf?mp3=http://s301826463.onlinehome.fr/so/Tokyo.mp3"></object>
<a href="javascript:document.location.href=document.location.hash.replace(/^#/,'')">remove mp3 player</a>
</div>
</body>
</html>
要在 iframe 和 mp3 播放器中放置一个打开当前页面的链接，它只需要一个链接:
<a href="javascript:parent.location.href='/mp3.html#'+document.location.href.replace(new RegExp('^'+document.location.origin),'')">add mp3 player</a>
一个使用 here 的例子.
关于javascript - 让 <iframe> 异步工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6802898/
26
4
0
前言： 一直是想知道一条SQL语句是怎么被执行的，它执行的顺序是怎样的，然后查看总结各方资料，就有了下面这一篇博文了。 本文将从MySQL总体架构--->查询执行流程--->语句执
哪个更好用或者更方便: ... 或 ... 最佳答案 你真的需要类型属性吗？如果您使用的是 HTML5，则不会。否则，是的。 HTML 4.01 和 XHTML 1.0 指定了 type属性是必需的，
哪个更好用或者更方便: ... 或 ... 最佳答案 你真的需要类型属性吗？如果您使用的是 HTML5，则不会。否则，是的。 HTML 4.01 和 XHTML 1.0 指定了 type属性是必需的，
我在 unix shell 脚本中遇到了一个问题。让我用一个非常简单的例子来问你。 假设，我正在获取用户输入并比较两个数字。 echo "Enter the first number" read a
是否可以在中制作文本？上标？如果是，怎么办？ Meraki Baked Goods (Post 7: Dad's 50th) 最佳答案 以下似乎对我有用: Dad's 50ᵗʰ
我有一个转发器控件，其中 部分没有出现。 “Display”存储的代码设置如下: item.Display = " AudioPlayer.embed('ffcedea7-4822-465f-
在许多 .resx 文件中，我遇到了这样的事情: OurLabel 我的问题是:为什么属性name在许多情况下 - 但并非总是如此 - 从 >> 开始? 最佳答案 您在 Winfo
我正在尝试将代码添加到脚本中，但它不起作用 var script= document.createElement('script'); script.type= 'text/javas
我想编写正则表达式来读取 block 内的数据在 HTML 中。作为脚本，我认为空白具有灵 active 。为了使我的正则表达式模式健壮，我必须预测不同数量的空白。也许有比在我的模式中放置许多空白匹
基本上，我讨厌必须更改标题代码以及位于 中的页面标题。 header 中的标签....我可以使用 JavaScript 或 HTML 来自动设置某个 标题中的内容是否等于页面标题？ 最佳答案 是的，
我可以使用以下代码提取所有标签。但是，我不知道如何在 之间查看内部。和标签。特别是，假设我只想要这一部分(中间还有更多内容，但我对此不感兴趣): var quoteData
有什么方法可以覆盖无法直接编辑的页面标题，只能在页眉中添加 Javascript？ 我不能直接编辑的行是: Title of the page 我能想到的解决这个问题的唯一方法是在我可以通过我的门户后
我正在尝试在 fancybox 的内容方法中加载 javascript 内容。 $('#streaminput').on("click", function() { $('#streaminpu
我试图在 2 小时内解决这个问题，但运气不佳，也许这不是那么技术性，但我需要帮助! 我有一个 AJAX 脚本，需要将 GET 请求发送到同一页面上的 php 脚本。PHP 脚本这样终止 i
如何创建表单来删除标签并删除标签之间的内容或脚本。请任何人为我制作一份表格(我已经问过这个问题，但没有找到任何有用的答案。) 像这样的形式:(此形式仅删除标签，不删除text标签之间的脚本) //
我现在已经为此苦苦挣扎太久了。 我想做的只是简单地堆叠后续内容，就像您将一张 1 列 3 行的表格一样。我试图放弃旧的 HTML 和 CSS 方法，转而采用首选的 HTML5 页面结构方法。 像这样.
我正在尝试为 my chat box 创建通知，当有人向您发送新消息时，会在“谈话”标题旁边看到。我尝试过多种方法，但从来没有成功过。 a busy cat http://goawaymom.com/
我最初并不期望需要调用除 Iframe 之外的任何内容，但显然我错了。这是我的代码，您可以看到为什么它破坏了脚本中的脚本-/脚本有什么方法可以解决这个问题？ $ad_blocks = arra
我希望能够在正在播放的视频之上使用全屏文本区域。我以为 position: fixed;顶部:0；可能有效，但没有。 HTML CSS * { box-sizing: border-box;
我找到了how to load external JS file into moodle?但这并不能解决我的问题。 我必须加载一个外部 JS 文件，因为它是 VOD 服务的播放器。 必须在 中调用它
我是一名优秀的程序员,十分优秀！