在 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/houduan/535229.html
標籤：javascript网页格式查询主场innerhtml
上一篇：fork的倉庫同步源倉庫
下一篇：SQL2008中的回圈