js获取两个页面的数据类型
在JavaScript中，获取两个页面的数据类型通常涉及到跨文档通信（Cross-Document Communication, CDC）。以下是一些基础概念和相关方法：
基础概念
- 同源策略：浏览器的安全机制，限制了一个源的文档或脚本如何与另一个源的资源进行交互。
- 跨域资源共享（CORS）：一种机制，允许服务器声明哪些源可以通过浏览器访问其资源。
- 窗口.postMessage()：一个安全的跨域通信方法，允许不同源的窗口之间发送消息。
相关优势
- 安全性：通过
postMessage可以精确控制哪些数据可以被传递，以及哪些源可以接收数据。 - 灵活性：适用于各种浏览器环境，包括iframe嵌入的内容。
类型与应用场景
- 类型：通常涉及字符串、对象或数组等JavaScript基本数据类型。
- 应用场景：
- 嵌入的第三方内容需要与主页面交互。
- 多个窗口或标签页之间需要共享数据。
- 单页应用（SPA）中不同视图之间的数据传递。
示例代码
假设我们有两个页面，pageA.html和pageB.html，并且pageB.html被嵌入到pageA.html中的一个iframe里。
pageA.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page A</title>
</head>
<body>
<iframe id="myIframe" src="pageB.html"></iframe>
<script>
window.addEventListener('message', function(event) {
// 检查消息来源是否可信
if (event.origin !== 'http://example.com') return;
console.log('Received data type:', typeof event.data);
console.log('Received data:', event.data);
});
// 向iframe发送消息
document.getElementById('myIframe').contentWindow.postMessage('Hello from Page A', 'http://example.com');
</script>
</body>
</html>pageB.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page B</title>
</head>
<body>
<script>
window.addEventListener('message', function(event) {
// 检查消息来源是否可信
if (event.origin !== 'http://example.com') return;
console.log('Received message:', event.data);
// 发送响应到父页面
event.source.postMessage({ key: 'value' }, event.origin);
});
</script>
</body>
</html>可能遇到的问题及解决方法
- 安全问题：未验证消息来源可能导致安全漏洞。
- 解决方法：始终检查
event.origin以确保消息来自预期的源。
- 解决方法：始终检查
- 数据格式不一致：发送和接收的数据格式可能不匹配。
- 解决方法：在发送和接收数据时使用一致的格式，如JSON，并在接收端进行适当的解析和验证。
- 跨浏览器兼容性：不同浏览器对
postMessage的支持可能有所不同。- 解决方法：进行充分的跨浏览器测试，并使用polyfill或回退策略来处理不支持的情况。
通过上述方法和注意事项，可以在JavaScript中有效地获取和处理来自不同页面的数据类型。
相关·内容
2回答
我正在尝试从Server获取两个日期之间的数据。我试着用下面的代码：但是它得到了这样的错误：
System.Data.SqlClient.SqlException：“将va
浏览 5提问于2022-05-21得票数 0
回答已采纳
im1",$('#r1c1Image').attr('src'));custom.js
浏览 7提问于2017-07-31得票数 0
2回答
谢谢,<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="PayrollTimeManagement.SiteMaster/GridView.js" />
<asp:ScriptReference Name="DetailsView.js"
浏览 13提问于2016-08-22得票数 0
但是，阅读有关如何将计数器合计传递到下一页的所有选项都不起作用。我在网上和Stack Overflow上查看了所有可能的方法。不幸的是，大多数情况下，脚本不能正常工作。我已经尝试在下一页使用echo $_SESSION['msg'];或echo $_SESSION['counter'];来捕获它。我还尝试过修改$msg行。<?php echo $counter ?
浏览 2提问于2014-04-15得票数 0
我有两个问题：
(1)用于约束数据类型的面的函数getOWLDatatypeMinInclusiveRestriction (以及类似于MaxInclusive，(min，max) exclusive)(2)如何通过OWL API获取dataTypeProperty的数据类型？
浏览 1提问于2015-07-06得票数 1
1回答
但是我想要实现页面-子页面-子页面类型的url树，其中每个页面可以有子页&子页可以有更多的子页。所以呃可能看起来像-
- [slug].js有人做过吗？请帮帮忙。
浏览 2提问于2021-07-18得票数 1
回答已采纳
我有一个用Next.js构建的现有项目，但这两种呈现方法中没有一种是在某些页面中定义的。
如果getStaticProps和getServerSideProps都不存在，这些页面是如何呈现的？
浏览 4提问于2022-01-05得票数 2
回答已采纳
我有两个jQuery页面，Page1和Page2，并且我能够在Page1中获得输入。页面1的用户输入The值。我已经存储了值：现在在第二页中，我需要获取第一页中的somvalue的结果。当然，有两个页面分别使用My1.js和My2.js。如何将一个jQuery文件中的值共享给另一个JavaScript，或者如何将page1值中的值获取到page2？
我该如何解决这个问题呢？
浏览 4提问于2009-01-01得票数 3
回答已采纳
getStaticProps和getStaticPaths所做的是在构建时在服务器上生成和存储文件，并根据请求提供文件。假设我有数以万计的产品，所以在构建时创建所有这些文件是不切实际的。我在NextJS的网站上找到了这个例子。这就是我要找的解决方案吗？// If a request is r
浏览 4提问于2021-08-27得票数 0
我有两个表a和b，每个表有2M和320万条记录。我正在尝试从a中获取那些在b中不存在的id。我已经写了下面的查询，这需要更长的时间。更新:我只查看了这两个表的表结构，发现表a.id的数据类型为decimal，表b.id的数据类型为varchar
这种数据类型的差异会导致任何问题吗？
浏览 0提问于2019-04-22得票数 1
1回答
我试图在标题auto suggest中显示基于类别的search结果，<form id="search_mini_form" action="<?php echo $catalogSearchHelper->getResultUrl() ?>" method="get">
<select id="select-category" title="Select your category" name="cat">
浏览 4提问于2015-09-28得票数 1
我有这样的逻辑:获取当前页面的标题，首先单击next按钮，再获取标题，如果两个标题相同，意味着导航没有移动到下一页，它再次单击next。但是，我的问题是title元素的Xpath不同--相同的title元素有两个Xpath。一页是几页，另一页是其他几页。(.
浏览 2提问于2015-12-30得票数 15
回答已采纳
我想要检查当前页面是否至少匹配两个条件中的一个。我不想将js代码显示到约页和404页中。在剩下的页面中，我会显示js代码。因此，我使用((!is_page(element1) AND !is_page(element2))，然后显示js代码。Element1是一个特定页面的片段，而element2是404.php页面。我不知道在if语句中要指出的404页的弹格或名称。
浏览 0提问于2013-02-05得票数 0
回答已采纳
在中，它明确指出有七种序列数据类型。文档在一段时间之后(在同一页上)继续讨论集和元组，这两个都不包括在上面的七个文档中。有没有人知道定义序列类型的确切原因？
浏览 0提问于2013-01-30得票数 6
回答已采纳
我想将我的索引页面设置为动态创建的主页，即home.html但是，他们有一个与其about页面相对应的about.js文件，这意味着他们可以将其作为组件导出并在索引中使用，甚至可以将该文件的内容复制到index.js。我想要设置为索引的主页是动态生成的，并且使用了不能在page.js模板之外使用的GraphQL查询。所以我找不到一种简单的方法来将它复制到另一个文件中。以下是生成站点页面的page.js模板：
const PageTemplate = ({ data }) =>
浏览 1提问于2020-01-23得票数 8
1回答
在col中，我在我的工作簿第3页中有一个c++数据类型的列表，在col中，我有与每种数据类型相关联的字节数。
我发现填充的行总数: Lastrow = Cells.Find("*"，A1，，，xlByRows，xlPrevious).Row
这是我的循环的最大行数，我如何对第1页中的每一行与第3页中的每一行进行比较，以便从工作表3上的col中获取正确的值，并将其放入表1
浏览 2提问于2014-07-22得票数 0
我有两个飞镖模型。一个是PromoModel，另一个是DealsModel，但是模型具有相似的结构(但不是相同的)。
我只需要一页(促销和交易的详细信息页)。所以我想，这可能是多余的，不需要创建两个细节页面，它们是UI--就像它们是相同的，并且只与参数不同。我看到很多函数或类都接受数据类型T的值/数据，那么是否可以只创建一个类(UI/Page )，但可以接受不同的数据类型(在我的例子中，它是List PromoModel和DealsModel)？
浏览 8提问于2022-01-27得票数 0
回答已采纳
lets have a look in my code i am uploading multiple images using form actionSession_Start(); $j = 0; //Variable for indexing uploaded image
$upload_path = "/var/www/html/addtocart/"; //Declarin
浏览 0提问于2016-04-08得票数 0
我在我的Next.js项目上有一个博客帖子编辑页面。
我的帖子页面使用的是特性和revalidate: 1第二功能(目前用于测试)。稍后我将使用类似于revalidate: 300的东西(5分钟)。在重新生成新版本之前，Next.js应该始终提供缓存的内容，甚至是陈旧的内容。但是，为什么我在第一次按F5之后看不到新的内容呢？为什么我需要刷新两次才能看到新的内容？
浏览 4提问于2021-05-21得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
