使用jQuery将散列附加到iframe源
可以通过以下步骤实现：
- 首先，确保你已经引入了jQuery库文件，可以通过以下方式在HTML文件中引入：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- 在HTML文件中，添加一个iframe元素，并为其指定一个id，以便后续操作：<iframe id="myIframe" src="https://example.com"></iframe>
- 使用jQuery选择器选中该iframe元素，并使用
.attr()方法将散列附加到其源URL的末尾：$("#myIframe").attr("src", function(i, val) { return val + window.location.hash; });这里使用window.location.hash获取当前页面的散列值，并将其附加到iframe的源URL末尾。
完整的代码示例如下：
<!DOCTYPE html>
<html>
<head>
<title>Attach Hash to Iframe Source</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<iframe id="myIframe" src="https://example.com"></iframe>
<script>
$(document).ready(function() {
$("#myIframe").attr("src", function(i, val) {
return val + window.location.hash;
});
});
</script>
</body>
</html>这样，使用jQuery将散列附加到iframe源的操作就完成了。请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
相关·内容
2回答
使用jQuery将散列附加到iframe源
javascript、jquery、html、iframe、src
单击链接后，我需要将散列#play附加到iframe元素的src属性中。$(".portfolio-link").click(function() {});
下面是我希望在单击时将#play添加到src属性的链接：<a href="#portfolioModal1" class="p
浏览 2提问于2017-02-07得票数 0
回答已采纳
2回答
将URL参数传递给iframe
javascript、jquery、html、iframe、parameters
我想从包含iframe的页面中获取参数，并将参数附加到iframe的src中。示例：<iframe id="myiframe" name="myiframe" src="prefcontent.aspx" frameborder="0"
width="100%" height="800"><
浏览 4提问于2012-10-17得票数 23
回答已采纳
2回答
如何使用javascript/jquery获取iframe的URL的锚属性？
javascript、jquery、hash
我正在尝试使用javascript或jQuery从iFrame获取URL的锚点部分。例如：如果我使用src属性，我得不到散列。例如：
$('#theIFrame').attr('src')将返回
浏览 3提问于2012-09-12得票数 0
2回答
jquery每个函数都给值0。
jquery、load、each
我在jquery中有一个脚本，它通过检查iframe的内容高度来设置iframe高度。但是它在两个iframe上设置第一个iframe内容高度。jQuery(document).ready(function($){
var iframeHeight = $("iframe").contents().height();
$("
浏览 3提问于2014-08-21得票数 0
回答已采纳
1回答
如何使用jQuery在iframe中显示输入源？
javascript、jquery、html、iframe、input
早上好，我现在是jQuery的初学者，我在使用iframes和输入时遇到了问题。这里的情况是:我有一个输入，我可以输入(例如)一个网站，并显示在一个iframe。我试了很多次，但没有结果。onClick="getval()" />
浏览 1提问于2016-11-07得票数 0
回答已采纳
1回答
浏览器后退按钮的IE9中的url中的哈希已更改
javascript、facebook、internet-explorer-9
有几个jquery插件支持这一操作，比如jquery.address或history.js。对于IE9 -仍然是HTML4 -我不能使用历史pushState或replaceState，因此需要依赖散列标签。我可以使用散列更改来设置parent.location.href，但不能在散列更改时接收iFrame内部的事件。在iFrame中设置散列在I
浏览 2提问于2013-03-07得票数 0
回答已采纳
1回答
如果跳转到指定链接
html、iframe、scroll、fancybox-2
我有一个iframe，它有一个/website-policy#privacy源，但是当加载时，iframe保持在顶部，而不是跳到id。不管怎么说，在没有的情况下，是否存在使用js将其转到正确部分的js？目前，我不得不使用以下jQuery：
iframe.contents().find('html,body').animate({ scrollTop: iframe.contents().find('#privac
浏览 2提问于2013-12-02得票数 1
回答已采纳
1回答
如果URL包含以下内容，则交换span内容
javascript、html
我需要使用一个具有唯一URL的页面在iFrame中交换一个网址(一个YouTube播放列表)。
我有一些医生的视频，我已经将其设置为播放列表。我们要运行广告活动与唯一网址的单一网页和网址内的嵌入式IFrame (一个YouTube播放列表)将被交换。<div class="videoframe"> <span id="video"><iframe width="320" height="180" src="
浏览 2提问于2015-06-18得票数 0
5回答
此if语句$( jQuery )选择器
javascript、jquery、jquery-selectors
如何“选择”在jQuery中传递if语句的dom元素？jQuery(document).ready(function($) {
function videoCarouselS
浏览 1提问于2012-05-01得票数 2
回答已采纳
2回答
使用fancybox在特定的启动时间启动vimeo视频
jquery、fancybox、fancybox-2、vimeo
通过将#t=1m15s添加到视频url，我可以在特定的起点启动vimeo视频。例如：https://vimeo.com/channels/staffpicks/119293996#t=1m15s下面是我使用的代码：
<script src="https://ajax.googleapis.com/ajax/
浏览 4提问于2015-02-18得票数 2
1回答
为嵌入了iframe的主页添加书签？
html、iframe、bookmarks
iframe的内容实际上是在单击主页侧边栏上的链接时加载的perl生成的html。但即使它只是一个普通的html。有没有办法将主页和指定的iframe内容一起加入书签？
浏览 0提问于2012-09-01得票数 0
2回答
在带有散列链接的iframe中运行jquery函数
javascript、jquery、html
是否可以使用散列链接在iframe中运行jquery函数？可能是这样的：<a href="#runFunction" target="iframe">run function in iframe</a>
<iframe src="pageName.html" name="iframe"><&#
浏览 3提问于2013-04-21得票数 0
1回答
我怎样才能使一个不保存在Chrome中的历史？
javascript、html、angularjs、google-chrome-extension、browser-history
通过内容脚本向页面添加iframe，并将框架的源代码设置为扩展名目录中的html文件，我基本上能够达到100%的目标。不幸的是，由于角应用程序有多个路由(允许用户登录并查看许多不同类型的信息)，我发现它正像预期的那样干扰用户使用他们的后退/前进按钮；由于iframe的源由于散列的变化而发生变化，它保存了一个新的历史条目我似乎无法找到或创建一种解决办法；是否有一些聪明的方法可以使角不生成历史条目，或者实现边栏的创建，在不使用iframe的情况下保存到历史，或者禁
浏览 2提问于2014-06-25得票数 7
回答已采纳
1回答
webpack条件css文件名输出依赖于条目名称
css、webpack、mini-css-extract-plugin
我有以下配置为我的webpack，所有工作和创建css文件的内容散列附加到文件名： entry: { checkout: 'js/checkout',}, new MiniCssExtractPlugin({
filename: "[name].[contenthash].css&qu
浏览 56提问于2020-09-18得票数 1
回答已采纳
1回答
从iframe触发Backbone.js委托事件
iframe、backbone.js、event-handling、event-delegation
我有一种情况，我在主干视图中加载一个iframe。该视图有一个处理单击事件的事件散列。问题是，当我在iframe DOM内部单击时，单击事件不会冒泡到视图中(正如预期的那样)。所以我写了一些代码，将点击从iframe DOM转移到父DOM。我在iframe主体中有以下内容。$("#"+tgId).trigger(event.type);这对于常规的jquery事件处理程序工作得很好，但是由于某些原因，它不会触发视图的事件处
浏览 1提问于2013-01-04得票数 1
2回答
搜索机器人索引内容在iframe中吗？
search-engine-indexing、web-crawlers、iframe
可能重复: 我们还需要避免使用帧/iframe为良好的SEO？这个点的html链接代码包括散列+6个字符。当用户单击一个点时，会发生以下情况: 1)一个模式对话框显示一个包含另一个页面(来自同一站点)的iFrame。2)在对话框处于打开状态时，“父”的url会更改(添加一个散列+6个字符)，用户可以使用该对话框对页面进行书签。当对话框关闭时，url将
浏览 0提问于2012-05-28得票数 1
4回答
使用基于时间的、轮换的哈希或字符串来保证安全性
php、security、iframe、hash
在CMS应用程序中，我偶尔需要打开另一个域的iframe。目前，我正在将该iframe的URL设置为非常模糊的内容。比如。这是可行的，但从理论上讲，iframe源url将保存在用户的历史记录中，并且可以从外部世界访问。因此，我想知道如何使用基于时间的方法来处理不断变化的哈希或字符串，这些哈希或字符串在请求端处理，并在iframe源端进行检查。然而，我希望它是基于时间的。<?有没有
浏览 2提问于2011-11-01得票数 5
回答已采纳
2回答
如何将字符串对象转换为实际对象
jquery、json、string、hash
这个问题应该被命名为:如何通过散列动画jQuery-对象。这是我目前的状况(也许有更好的方法？那就告诉我！)e.split('='); console.log(typeof parts[1]); // 2 `string`使用此并将这
浏览 3提问于2013-01-17得票数 0
回答已采纳
2回答
了解JQuery UI选项卡控件锚点
jquery、fragment-identifier
正常情况下，点击具有散列href的锚点将导致散列片段被附加到地址栏中的url。那么，为什么在单击选项卡时没有显示哈希片段呢？有没有办法修改它，让它这样做呢？从jQuery UI选项卡源： <li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2
浏览 1提问于2011-12-21得票数 0
2回答
如何从父文档中捕获iframe内部的刷新？
javascript、jquery、html、ajax、iframe
我们不想在上传完成后重新加载页面，所以我们将表单放在iframe中。iframe内部的表单发布到自己，并在完成后返回json。我们如何才能捕捉到这种反应？上传完成后，iframe会重新加载，换句话说，当iframe被重新加载时，我们如何捕获？假设如下：
我们不能打印/返回任何东西，除了json对象(所以没有js代码来调用父文档中的函数)，我们不能使用ajax，因为您不能使用ajax来发布文件，我们不能在iframe内部添加javascript
浏览 12提问于2011-10-30得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
