簡體   English   中英

如何使用Javascript將內容寫入另一個瀏覽器窗口?

[英]How do I write content to another browser window using Javascript?

我已經使用window.open()打開了一個新窗口,並且我想使用window.open()調用中的引用,然后將內容寫入新窗口。 我嘗試通過使用myWindow.document.body.innerHTML = oldWindowDiv.innerHTML將HTML從舊窗口復制到新窗口; 但這是行不通的。 有任何想法嗎?

window.open()返回的引用是對子窗口的window對象的引用。 因此,您可以做平時可以做的任何事情,下面是一個示例:

var myWindow = window.open('...')
myWindow.document.getElementById('foo').style.backgroundColor = 'red'

請記住,這僅在父窗口和子窗口具有相同的域時才有效。 否則,跨站點腳本安全限制將阻止您。

我認為這可以解決問題。

   function popUp(){

    var newWindow = window.open("","Test","width=300,height=300,scrollbars=1,resizable=1")

    //read text from textbox placed in parent window
    var text = document.form.input.value

    var html = "<html><head></head><body>Hello, <b>"+ text +"</b>."
    html += "How are you today?</body></html>"


    newWindow .document.open()
    newWindow .document.write(html)
    newWindow .document.close()

    } 
myWindow.document.writeln(documentString)

Vijesh提到的表單解決方案是在窗口之間通信數據的基本思想。 如果您正在尋找一些庫代碼,那么有個很棒的jQuery插件:WindowMsg(由於奇怪的Stack Overflow自動鏈接錯誤,請參見底部的鏈接)。

正如我在此處的答案中所述: 如何在GMail中實現聊天窗口的彈出功能? WindowMsg在每個窗口中使用一個表單,然后使用window.document.form ['foo']哈希進行通信。 正如Dan上文所述,這僅在窗口共享一個域時才有效。

就像在另一個線程中提到的那樣,您可以使用JSON.org中的JSON 2庫以這種方式序列化javascript對象以在窗口之間發送,而不必只使用字符串進行通信。

WindowMsg:

http://www.sfpeter.com/2008/03/13/communication-between-browser-windows-with-jquery-my-new-plugin/

如何讀取文本文件的內容並將其寫入<div>使用普通的 JavaScript?</div><div id="text_translate"><p> <strong>問題:</strong>如何從文本文件中讀取內容(與 html 頁面一起保存在服務器上)並將該內容寫入 HTML 頁面上的<em>“innerHTML”</em>中?</p><p> <strong>上下文:</strong>我想創建一個用作博客的 static 網站。 但是,我希望只有一個帖子頁面,每個帖子都從文本文件中讀取並寫入頁面的主 div。 文本文件中的內容將用所需的 html 標記進行標記,以便它們在寫入 div 時像 html 一樣 function (但文件本身將保存為<em>.txt</em>文件)</p><p> 理想情況下,文本文件應該能夠存儲在與調用它的 html 頁面(和/或腳本文件)不同的文件夾中。</p><p> <strong>附加信息:</strong>我遇到的大多數解決方案都與讀取用戶上傳的文件有關。 這不是我想要理解的。 我試圖了解如何從作為網站資產一部分存儲的文本文件中讀取數據。</p></div>

[英]How do I read a text file's content and write it to a <div> using plain JavaScript?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何使用Javascript在瀏覽器的可編輯內容窗口中找到光標處的DOM節點? 如何使用JavaScript在網絡瀏覽器中打開另一個窗口? 在使用Javascript在瀏覽器的可編輯內容窗口中選擇文本時,如何查找DOM節點? 如何使用Javascript在頁面頂部創建另一個窗口? 如何使用javascript和window.location解析Web瀏覽器地址? 如何使用JavaScript輕松找到頁面上的點與瀏覽器窗口底部之間的距離? 如何使用Javascript確認瀏覽器窗口是否已打開? 如何在 JavaScript 中將“原始”字節寫入瀏覽器? 如何讀取文本文件的內容並將其寫入<div>使用普通的 JavaScript?</div><div id="text_translate"><p> <strong>問題:</strong>如何從文本文件中讀取內容(與 html 頁面一起保存在服務器上)並將該內容寫入 HTML 頁面上的<em>“innerHTML”</em>中?</p><p> <strong>上下文:</strong>我想創建一個用作博客的 static 網站。 但是,我希望只有一個帖子頁面,每個帖子都從文本文件中讀取並寫入頁面的主 div。 文本文件中的內容將用所需的 html 標記進行標記,以便它們在寫入 div 時像 html 一樣 function (但文件本身將保存為<em>.txt</em>文件)</p><p> 理想情況下,文本文件應該能夠存儲在與調用它的 html 頁面(和/或腳本文件)不同的文件夾中。</p><p> <strong>附加信息:</strong>我遇到的大多數解決方案都與讀取用戶上傳的文件有關。 這不是我想要理解的。 我試圖了解如何從作為網站資產一部分存儲的文本文件中讀取數據。</p></div> 使用JavaScript在另一個窗口中打開XML內容
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM