查看 Github 上的完整專案：https ://github.com/sosophia10/TimeCapsule （參見 js/experience.js）
我正在使用 JQuery 為我的網站創建“應用程式”。我的問題是我找不到將 html 檔案的文本拉入字串的正確語法，因此“應用程式”按鈕會打開一個包含 html 檔案的視窗。
$('.openbuttonapp').dblclick(function () {
var $objWindow = $('<div > Put me in, Coach! </div>');
這個函式已經成功地使用一個字串來創建一個帶有 html 元素的視窗。但是，我當前的程式缺乏輕松修改、設定樣式和組織組件的能力。
我認為正確的代碼看起來像：
var entireDocumentHTMLAsAString = document.documentElement.innerHTML;
$('.openbuttonapp').dblclick(function () {
var $objWindow = $(entireDocumentHTMLAsAString);
然而，這顯然沒有奏效。感謝所有幫助。
編輯：我的問題是我需要簡潔地參考整個 html 頁面，而不需要在變數中寫入字串。現在，該函式通過創建一個包含該 html 文本字串的視窗來作業。我想放置任何 html 檔案，而不是字串。
uj5u.com熱心網友回復：
從我相信您正在尋找的內容來看，有很多解決方案。例如，您可以使用 HTML 5 模板標簽。
我正在使用 HTML 5 模板標簽來保存 HTML。然后使用 jquery 來獲取該模板的內容。然后使用 jquery 修改該模板中的元素，然后出于演示目的，我將其附加到 div。
$template = $("template#window").contents();
$template.find(".counter").text(10);
$(".testoutput").append($template).window {
width: 500px;
height: 200px;
border: 2px solid #000;
background: #f3f3f3;
padding: 10px;
}
.window .counter {
color: red;
font-weight: bold;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<template id="window">
<div class="window">Window <span class="counter"></span><br> Welcome to my Time Capsule!<b>(2018-2022)</b><br><br> <b>2018</b><br> -Purple Lightsaber (After Effects) <br><br><br>
</div>
</template>
<div class="testoutput"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/533102.html
標籤：javascripthtmljQuerydom内部html
上一篇：反應改變背景顏色
下一篇：拒絕加載腳本...因為它違反了以下內容安全策略指令：“script-src'self'”..請注意'script-src-elem'