css如何调用另一个界面,页面引用另一个页面

如果有些浏览器本地实现不了，那么放到服务器上面！(重要！！！)

注意：引入后主页面的Css样式不适用于被引入页面，比如在主页面设置

*{

margin:0;

padding:0;

}

1.import引入(

中引入文件，中加载内容)

href链接引入的html文件，id可以看做页面引导，在script中用到

主页面

hello world！

2.通过JQuery的load()方法加载页面

相当于把引入的html中head和body标签中的数据拖出来，在外面包了一个你自己写的标签，比如说上面代码中的

top

你好，我在中间！

footer

//在js中引入

$(document).ready(function () {

$('.top').load('top.html');

$('.footer').load('fotter.html');

});

3.object引入和iframe引入(带有滚动条，视情况使用)

>

3.1两种引入方式比较：

相同点：默认高度为150

引入后本页面html嵌套引入页面html，整个引入

不同点：iframe引入使用scrolling="no"可以不让页面进行滚动，取消右侧滚动条

iframe中 frameborder="no"可以修改为0或1，这里不是指宽度，可以理解为布尔型，当设为1时border宽度为2