第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從 HTML 文件導入 CSS 作為外部 CSS

從 HTML 文件導入 CSS 作為外部 CSS

慕虎7371278 2023-08-18 17:46:54
正如標題所示,我想將 HTML 文件作為外部 CSS 導入到網站。聽我說完:我的問題是我正在使用一個非常不方便的 CMS,無論如何它都不允許我上傳 CSS 文件。我可以通過 HTML 樣式標簽直接在頁面內編寫 CSS,但這會在每個站點上生成大量文本,并且還使維護 CSS 變得乏味。由于我無法上傳 CSS 文件,我想也許我可以在 CMS 內創(chuàng)建一個僅包含 CSS 的虛擬站點,然后將該站點導入為 CSS。 這個想法是:解析時,網站的 HTML(標題、正文等)將被跳過(當 CSS 具有即類型錯誤時),而找到的任何有效 CSS 將被導入。現(xiàn)在,當我嘗試導入該網站時<style type="text/css">   @import url(dummyCSSWebsiteURL); </style>(因為 CMS 也不允許我訪問頁面標題),我當然得到了錯誤:“資源解釋為樣式表,但使用 MIME 類型 text/html 進行傳輸”因為我顯然請求的是 HTML 文件而不是 CSS 文件。我還嘗試使用 jQuery 將所有虛擬 HTML 簡單地包含到一個元素中(我不會顯示該元素):$("#cssDummy").load(dummyCSSWebsiteURL);但我得到了兩個錯誤,這可能只是表明這是一個多么低效的想法:主線程上的同步 XMLHttpRequest 已被棄用,因為它會對最終用戶的體驗產生不利影響通過 document.write 調用解析器阻止的跨站點(即不同的 eTLD+1)腳本 ["..."]。由于網絡連接不良,此腳本的網絡請求可能會在此或將來的頁面加載中被瀏覽器阻止。如果在此頁面加載中被阻止,則會在后續(xù)控制臺消息中進行確認。也許我只是在概念層面上忽略(或不理解)事物,但我仍然想知道這個問題是否有解決方法?
查看完整描述

3 回答

?
哈士奇WWW

TA貢獻1799條經驗 獲得超6個贊

我認為最好的選擇是將 HTML 頁面加載到 iframe 中,從 iframe 中查詢樣式,然后將其附加到當前文檔。

除了<style>塊之外,不會從 HTML 中復制任何內容。不過,外部 HTML 文檔必須是實際的 HTML 文檔 (?<html><head><style>....),否則將無法查詢頁面以檢索 CSS。

這是純 JavaScript 中的示例:

// Create an iframe

const iframe = document.createElement("iframe");


// Make it not visible

iframe.style.visibility = "hidden";


// This will run once the HTML page has loaded in the <iframe>

iframe.onload = () => {

? // Find the <style> element in the HTML document

? const style = iframe.contentDocument.querySelector("style");


? // Take that <style> element and append it to the current document's <head>

? document.querySelector("head").appendChild(style);


? // Remove the <iframe> after we are done.

? iframe.parentElement.removeChild(iframe);

};


// Setting a source starts the loading process

iframe.src = "css.html";


// The <iframe> doesn't actually load until it is appended to a document

document.querySelector("body").appendChild(iframe);


查看完整回答
反對 回復 2023-08-18
?
慕標5832272

TA貢獻1966條經驗 獲得超4個贊

它可以以不同的方式實現(xiàn)。然而不是通過JS,而是PHP include


然而,為此,您的服務器需要支持 PHP,并且需要使用 PHP 而不是 HTML 作為文檔。現(xiàn)在聽起來比實際情況更復雜。要使用 PHP,必須.php在末尾調用該文檔,而不是.html例如index.php。文檔本身的編寫方式與編寫 HTML 網站的方式完全相同。


現(xiàn)在使用 PHP include 來解決這個問題。你將 CSS 包含為頭部樣式:


索引.php:


<html>

  <head>

    <?php 

      include('styles.css');

    ?>

  </head>

  <body>

    content

  </body>

</html>

該行<?php include('url'); ?>會將 url 服務器端提到的文件加載到文檔中。因此,您只需要創(chuàng)建另一個具有該名稱的文件styles.css,并以正常方式在其中寫入 css 即可。



查看完整回答
反對 回復 2023-08-18
?
森欄

TA貢獻1810條經驗 獲得超5個贊

你做

<link rel="stylesheet" href="css/style.css">


查看完整回答
反對 回復 2023-08-18
  • 3 回答
  • 0 關注
  • 148 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號