js读取html文件,css和js加载不进来

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js读取html文件,css和js加载不进来相关的知识,希望对你有一定的参考价值。

js去读取服务器的一个Index.html,显示在一个div,但是只有Html加载进来,css和js都不加载,怎么办?

  1、直接在src中输出;
  <script src= "<?php echo base_url();?>.resource/aaa.js"></script>

  2、借用base标签;
  将base_url()的输出放在< base href = "<?php echo base_url();?>"/>标签里面,这样在页面里面调用比较方便,如下:
  < base href = "<?php echo base_url();?>"/>
  <script src= "resource/aaa.js"></script>
  
参考技术A 使用jquery动态载入就可以,其实就是创建新的link标签和script标签而已。
一个简单的例子:
$("head").append("<link>");
css = $("head").children(":last");
css.attr(
rel: "stylesheet",
type: "text/css",
href: "/Content/Site.css"
);
注意加载的地方,不一定是head中,特别是js,因为要考虑到其作用范围,一般是子页面(即插入页面)的head中为佳。
参考技术B 把css提前引进到你当前页面或是把js和css写到index页面中

前端请求的js,css只加载一部分就断开连接, 静态文件加载不全

线上项目突然奔溃,幸福来得太突然...
网上一波操作,然后有没有找到问题,直到两个多月的某一天,知道篇文章:

今天遇到一个问题,使用vue写的前端页面请求js(vendor.xxx.js),收到的响应状态为200,但只加载了一部分,导致vue运行不起来。

服务端结构为nginx转发到springboot写的微服务,本地访问测试都没有问题,上线就挂。

刚开始以为是nginx的配置问题,查了超时设置等,顺着这条线查下来没有查出问题。后来突然想到nginx会缓存一些静态资源,然后看了看nginx所在的磁盘空间大小

df -h

发现磁盘占用100%了,问题找到了

解决方案就是删除一部分文件给nginx。

原文链接:https://blog.csdn.net/qq_2849...
相似:
参考:https://blog.csdn.net/huangba...

以上是关于js读取html文件,css和js加载不进来的主要内容,如果未能解决你的问题,请参考以下文章

SpringMVC项目加载不出css和js

ASP.NET MVC 5 默认模板的JS和CSS 是怎么加载的?

web项目加载外部js和css文件时出错,老是无法加载

我把html格式模板改成tpl格式模板怎么加载不了css和js文件,需要怎么去执行加载啊

html中js文件的版本号如何控制

关于Oppo、Vivo手机低于Android 7.0版本WebView中JS不执行,CSS加载异常的问题