在点击传送的JavaScript从父窗口的子窗口中使用，window.open

Question

<!--The element of images is the child window. I can get the javascript to work 
    correctly from the child window, but I need the class of the image clicke 
    on from the parent page to effect the child window using window.open.--> 

<div class="slides"> 
    <img class="item-1 cardone" src="images/cardone.jpg"/> 
    <img class="item-2 cardtwo" src="images/cardtwo.jpg"/> 
    <img class="item-3 cardthree" src="images/cardthree.jpg"/> 
    <img class="item-4 cardfour" src="images/cardfour.jpg"/> 
    <img class="item-5 cardfive" src="images/cardfive.jpg"/> 
</div> 

$('.icon-search').click(newWindow); //targeting the image 

function newWindow(){ 
    var win = window.open('../carousel/index.html'); //child window 
    var script = document.createElement('script'); 
    var $this = $(this).prev().attr('class'); //class of image to save for child window 

    //script below pertains to only child window 
    $("."+newSrc+"").not(this).remove('img'); 
    $(this).insertAfter($('.slides img:nth-child(2)')).addClass('item-3'); 
    $('.slides img:nth-child(1)').removeClass().addClass('item-1'); 
    $('.slides img:nth-child(2)').removeClass().addClass('item-2'); 
    script.src = 'pf-js/projects.js'; 
    win.document.head.appendChild(script); 
} 

我需要的脚本调试，并在控制台检查时使用window.open，被转移，没有脚本被转移。

Answer 1

您必须将脚本定义为字符串并将其附加到DOM节点。
然后，您可以将此DOM节点附加到新打开的窗口的头部。

我做了你一个简单的例子，在CodePen其中有这样的代码：（我只加一个按钮，你的HTML触发脚本）

<button class="icon-search">Icon Search</button>

MAKE SURE您将追加的脚本正在工作！
newSrc未定义（来自您发布的内容）。

// Button handler. 
$('.icon-search').click(newWindow); //targeting the image 

function newWindow(){ 

    // Create a script node 
    var script = document.createElement("script"); 

    // Define the script as a string. 
    var scriptText = 
     "alert('Hello World!');"+ 
     "var body = document.getElementsByTagName('body')[0];"+ 
     "body.style.backgroundColor = 'red';"+ 
     "body.innerHTML = '<h1>This works!</h1>'"; 

    // Put the script string inside the script node, 
    script.innerHTML = scriptText; 

    // Open a new window. 
    var newWin = window.open("","_blank"); 

    // Append the script in head. 
    newWin.document.head.appendChild(script); 
}