index.html内容：12<iframeid="mpage"name="mpage"onload="AdaptorHeight()"style="border-style:none;height:100%;width:100%;"scrolling="auto"frameborder="0"s...
DOM
获取
页面
中
的
iframe
:
window.frames["
iframe
Child"].document //假如
iframe
的id为
iframe
Child
window.parent.document //在子窗口
中
操作父窗口
获取
页面的对象其实就是DOM方法外面加上jquery的选择符：
$(window.frames["
iframe
Child"].do
本文只针对于layuiAdmin框架
iframe
版本1.目录说明2.宿主页面3.加载 modules 目录下自己的 JS 模块4.框架基础方法config 模块admin 模块view 模块5.文章彩蛋
1.目录说明
layuiadmin/modules/：存放 JS 业务模块，即属于自己的对视图进行事件等交互性处理
layuiadmin/layui/：layuiAdmin 的核心模块，...
刚刚在做一个功能的时候需要使用
iframe
嵌套弹出一个编辑框，当提交的时候需要父页面来提交，同时展示提交后的结果；
因此想到用父页面里面的js来
获取
，子页面
iframe
里面的
form表单
内容，同时提交到后台处理。
子页面：<input type="button" onclick="parent.submit
FORM
(this)" value="提交" />
父页面：functio...
let
iframe
= document.getElementById('ifram');
console.log('
iframe
By id',
iframe
.contentWindow.document.querySelectorAll('.page'))
let allPage =
iframe
.contentWindow.document.querySelectorAll('.page')
xhEditor
中
的方式是：先提交
Form表单
,
Form
.submit();然后再设置
iFrame
加载完成事件，用于
获取
表单提交成功后的结果,
iFrame
.load(loadFunc());
loadFunc方法
中
，
获取
表单提交结果的方法如下：Var responseTxt = $(
iFrame
.contentWindow.document.body).text()；
若responseTxt
在 uni-app
中
获取
DOM
元素
的方法有以下几种：
1. 使用 uni.createSelectorQuery() 函数，该函数可以帮助你在页面
中
查询节点信息，并返回节点对象。例如：
const query = uni.createSelectorQuery().select('#elementId');
query.fields({
size: true,
rect: true
}, (res) => {
console.log(res.width, res.height);
query.exec();
2. 在 Vue 组件
中
使用 $refs，例如：
<template>
<view ref="elementId"></view>
</template>
<script>
export default {
methods: {
getElement() {
console.log(this.$refs.elementId);
</script>
3. 使用
JavaScript
DOM API，例如：
const element = document.getElementById('elementId');
console.log(element);
选择哪种方法取决于你的需求和开发习惯。
