在點擊傳送的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); 
}