小编jay*_*ton的帖子

在页面中包含html文件而不应用原始页面CSS/JS

首先,我是新来的,如果这些问题写得不好,请原谅我.

有没有办法在不应用原始引用的CSS/JS的情况下包含单独的html文件?

例如,我有一个文件"index.php",其中有几个对外部样式表的引用.

<!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

<!-- Custom Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
Run Code Online (Sandbox Code Playgroud)

然后我包含另一个文件navbar.html及其自己的外部样式表引用.

<link href="navbar.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

但是,原始文件的CSS和JS似乎总是适用于包含的文件,不幸的是,这经常会导致包含的页面被不适当地设置样式.

有没有办法在仅应用其所需的CSS和JS时包含页面?

我发现IFrame很有用,我正在寻找一种不使用它们的解决方案,因为它们并不总是与浏览器兼容,并且不会动态改变形状.例如,如果导航栏具有下拉链接,则不会显示,因为iframe具有设置的大小.

html javascript css include

7
推荐指数
1
解决办法
617
查看次数

标签 统计

css ×1

html ×1

include ×1

javascript ×1