av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - 想問下怎樣將一個(gè)HTML文件里把所有的css、js文件引入后,其他的HTML文件不需要再引入了?

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

問題描述

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

<meta name='description' content='Dashboard' /> <meta name='viewport' content='width=device-width, initial-scale=1.0' /> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <!--Basic Styles--> <link href='http://m.4tl426be.cn/wenda/assets/css/bootstrap.min.css' rel='stylesheet' /> <link href='http://m.4tl426be.cn/wenda/4798.html' rel='stylesheet' /> <link href='http://m.4tl426be.cn/wenda/assets/css/font-awesome.min.css' rel='stylesheet' /> <link href='http://m.4tl426be.cn/wenda/assets/css/weather-icons.min.css' rel='stylesheet' /> <!--Fonts--> <link href='http://m.4tl426be.cn/wenda/assets/css/fonts-google.css' type='text/css' rel='stylesheet'><!--Beyond styles--> <link href='http://m.4tl426be.cn/wenda/assets/css/beyond.min.css' rel='stylesheet' type='text/css' /> <link href='http://m.4tl426be.cn/wenda/assets/css/demo.min.css' rel='stylesheet' /> <link href='http://m.4tl426be.cn/wenda/assets/css/typicons.min.css' rel='stylesheet' /> <link href='http://m.4tl426be.cn/wenda/assets/css/animate.min.css' rel='stylesheet' /> <link href='http://m.4tl426be.cn/wenda/4798.html' rel='stylesheet' type='text/css' /><!--Page Related styles--> <link href='http://m.4tl426be.cn/wenda/assets/css/dataTables.bootstrap.css' rel='stylesheet' /> <!--Skin Script: Place this script in head to load scripts for skins and rtl support--> <script src='http://m.4tl426be.cn/wenda/assets/js/skins.min.js'></script>

問題解答

回答1:

可以只引用一個(gè) JS 文件,然后把要加載的 CSS 做動(dòng)態(tài)的加載。

// 動(dòng)態(tài)加載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);}// 測(cè)試loadCss('assets/css/dataTables.bootstrap.css');回答2:

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

模板繼承

回答3:

用一些做單頁(yè)面應(yīng)用的框架吧

回答4:

你想要的就是SPA,同一個(gè)框框,只變換框框中安插那些組件

回答5:

能是能,看在什么場(chǎng)景了,不同的場(chǎng)景解決方案也是千差萬(wàn)別

回答6:

下面一個(gè)簡(jiǎn)單的例子,僅供參考

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>測(cè)試頁(yè)面</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內(nèi)容 $('head').load('common.html',function(){ $(this).prepend(headHTML); //common.html載入到head后將原來head內(nèi)容添加回去 }); </script></body></html>回答7:

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

標(biāo)簽: JavaScript
主站蜘蛛池模板: 狠狠插天天干 | 成人在线日韩 | 亚洲视频二区 | 欧美日韩亚洲一区 | 九九热在线观看视频 | 美女视频黄的免费 | 91久色 | 日韩免费av网站 | 成人a免费 | 大香网伊人 | 亚洲一区二区三区免费在线观看 | 亚洲国产精品一区二区第一页 | 国产无套一区二区三区久久 | 欧美寡妇偷汉性猛交 | 一区二区三区国产精品 | 亚洲国产欧美精品 | 97国产精品 | 午夜精品久久久久久久久久久久 | 欧美成人一级视频 | 日韩在线成人 | 国产欧美日韩综合精品一 | 四虎影院美女 | 日韩在线播放一区 | 成人在线精品视频 | 超碰免费观看 | 久久er精品 | 国产精品黄色 | 国产欧美精品一区二区 | 一区二区三区四区在线免费观看 | 九九伦理电影 | 国产精品一区久久久 | 国产欧美一区二区三区免费 | 国产精品五区 | 亚洲视频中文字幕 | 亚洲精品免费观看 | 美女黄网站 | 国产一区精品在线 | 国产欧美日韩精品一区 | 亚洲精品久久久久久下一站 | 午夜免费影视 | 日本成人中文字幕在线观看 |