js控制iframe字体大小

// 获取iframe元素
var iframe = document.getElementById('myIframe');

// 确保iframe内容已加载
iframe.onload = function() {
    // 访问iframe的文档
    var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

    // 修改iframe内的字体大小
    iframeDoc.body.style.fontSize = '20px'; // 设置字体大小为20像素
};

/* 在iframe的文档中的CSS */
.big-font {
    font-size: 24px;
}

.small-font {
    font-size: 14px;
}

// JavaScript代码来切换类
iframe.onload = function() {
    var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
    var body = iframeDoc.body;

    // 切换到更大的字体
    body.classList.remove('small-font');
    body.classList.add('big-font');
};

var iframe = document.getElementById('myIframe');
iframe.contentWindow.postMessage({ fontSize: '20px' }, 'https://example.com'); // 目标源

window.addEventListener('message', function(event) {
    // 确保消息来自可信源
    if (event.origin !== 'https://parent-origin.com') return;

    // 修改字体大小
    document.body.style.fontSize = event.data.fontSize;
}, false);