JSFiddle - React, Tailwind, and code Playground

by tigeral

HTML

<body>
    <iframe name="name1"></iframe>
    <div id="log"></div>
</body>

JavaScript

onPageLoad = function() {
    log("");
    
    frames["name1"].name = "name2";
    log('frames["name1"].name = "name2";');
    
    frames["name1"] = frames["name2"];
    log('frames["name1"] = frames["name2"];');
    
    delete frames["name1"];
    log('delete frames["name1"];');
    
    frames["name1"] = frames["name2"];
    log('frames["name1"] = frames["name2"];');
}

log = function(message) {
    var logDiv = document.getElementById("log");
    var text = logDiv.innerHTML;
    
    text += message + "</br>";
    text += "__frame1: " + frames["name1"] + "</br>";
    text += "__frame2: " + frames["name2"] + "</br>";
    text += "__name1 in frames: " + ("name1" in frames) + "</br>";
    text += "__name2 in frames: " + ("name2" in frames) + "</br>";
    
    logDiv.innerHTML = text;
}

onPageLoad();