文章詳情頁

javascript - 想問下怎樣將一個HTML文件里把所有的css、js文件引入后，其他的HTML文件不需要再引入了？

瀏覽：204日期：2023-04-24 09:51:01

問題描述

就好比這是我的common.html,然后其他的HTML文件就不需要在進行引入了，求方法。。。。。

問題解答

回答1：

可以只引用一個 JS 文件，然后把要加載的 CSS 做動態的加載。

// 動態加載js腳本文件function loadCss(url) { var link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; link.href = url; document.getElementsByTagName('head')[0].appendChild(link);}// 測試loadCss('assets/css/dataTables.bootstrap.css');回答2：

如果只用html是沒有辦法的，可以借助template模板引擎中的模板繼承功能實現，具有該功能的庫比較多，可以嘗試用jade，現在好像改名叫pug了。

模板繼承

回答3：

用一些做單頁面應用的框架吧

回答4：

你想要的就是SPA，同一個框框，只變換框框中安插那些組件

回答5：

能是能，看在什么場景了，不同的場景解決方案也是千差萬別

回答6：

下面一個簡單的例子，僅供參考

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>測試頁面</title></head><body> <script src='https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js'></script> <script type='text/javascript'> var headHTML = $(’head’).html();//保存原來的head內容 $('head').load('common.html',function(){ $(this).prepend(headHTML); //common.html載入到head后將原來head內容添加回去 }); </script></body></html>回答7：

建議使用打包工具,前短時間弄了個腳手架，里面有這個功能，可以試試。https://github.com/JakeLaoyu/...

JavaScript

上一條：javascript - js中參數說明有沒有標準？下一條：javascript - 想做一個canvas的觸摸畫板，但屏幕會在畫的時候滾來滾去，如何阻止？

排行榜

					
					關于docker下的nginx壓力測試
					1. nignx - docker內nginx 80端口被占用
					2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””
					3. docker容器呢SSH為什么連不通呢？
					4. docker - 各位電腦上有多少個容器啊？容器一多，自己都搞混了，咋辦呢？
					5. mac里的docker如何命令行開啟呢？
					6. dockerfile - 我用docker build的時候出現下邊問題  麻煩幫我看一下
					7. macos - mac下docker如何設置代理
					8. angular.js使用$resource服務把數據存入mongodb的問題。
					9. docker鏡像push報錯
					10. 
			熱門標簽

					
					PHP

					JavaScript

					HTML

					CSS

					java

					vue

					數據庫

					微信

					百度

					

日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

javascript - 想問下怎樣將一個HTML文件里把所有的css、js文件引入后，其他的HTML文件不需要再引入了？

javascript - 想問下怎樣將一個HTML文件里把所有的css、js文件引入后，其他的HTML文件不需要再引入了？