在HTML 中怎么引用外部文件夹里的HTML呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在HTML 中怎么引用外部文件夹里的HTML呢?相关的知识,希望对你有一定的参考价值。

比如我要在index.html 调用一个叫include的文件夹里的header.html文件
应该怎么编写?

在html中可以采用iframe的方式引入外部html文件。iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。如下这个示例:

<html>
<body>
<iframe src="这里是外部html文件的路径" frameborder="0"></iframe>
</body>
</html>

在iframe中,src属性定义外部html文件的路径。frameborder定义是否有边框,0为无边框。iframe有以下常见属性:

1,align:不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。

2,frameborder:规定是否显示框架周围的边框。,

3,height:规定 iframe 的高度。

4,marginheight:定义 iframe 的顶部和底部的边距。

5,marginwidth:定义 iframe 的左侧和右侧的边距。

6,name:规定 iframe 的名称。,

7,scrolling:规定是否在 iframe 中显示滚动条。

8,width:定义 iframe 的宽度。

参考技术A 你是超接到这个文件还是怎么引用这个文件。关键还是路径如果index.html与include是在同一级目录下,路径格式就是:include/header.html,
如果不是同一级目录,就要...include/header.html
调用文件的格式<!--#include file="head.asp" -->,我一般不喜欢用这种文件调用的方式,我建议要么你用母版页或者框架页的形式来达到相同内容可重用的目的。追问

index.html里 不能用这个吧 !
网页上不显示的!在.asp可以实现。
我想要把html文件引用到html文件。,,,,

追答

你的目的是想干嘛?

追问

我想把左边的目录(menu)sub.html 放到 index.html 里面~
这样以后修改的时候简便吗。。。。

追答

你可以用框架页做。

追问

怎么做呢 ???
可以编写一下下吗 ???

追答

你自己去找相关的资料学习,如果你不是很了解,为什么还要自己弄网页呢?你可以交给别人来做。

追问

晕。,,,总之谢谢!

参考技术B html调用中的浮动框架代码:<iframe src="地址" scrolling=auto width= height= frameborder=0 id=""></ifram>
html调用中的对象代码:<object src="地址" width="" height=""></object>本回答被提问者采纳

HTML中怎么引用JS ?

我的几个友链是熟人的,他的网站被降权了,但是又不好撤去,所有想用JS来调用,这样搜索引擎就抓不到了,但是怎么写这个JS呢?高人帮忙啊

HTML中引用JS 步骤如下:

1、打开电脑端html编辑器,然后新建HTML文件,以便待会用来引入js文件。

2、如图,如果想在head标签中使用javascript脚步,那么最好加入window.onload,然后在花括号里面写js代码。

3、而如果是在body下边,那就好办多了,可以直接在script里面写js代码,不需window.onload。

4、也可以新建js文件,把html和js分离。

5、然后在js文件里面写代码,注意不要用script标签。

6、然后在script里面用src来把之前的js文件链接好即可。

参考技术A

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签中,输入js代码:$('body').append('<a href="">友情链接</a>');。

3、浏览器运行index.html页面,此时会发现友情链接通过js被成功引入到html中了。

参考技术B

1、通过使用html标签的style属性来写。通过这种方式写的样式会覆盖掉其他引入方式的样式。优先选择行内样式。缺点是不利于后期维护,如果一个页面写太多行内样式,也会让页面看着比较乱。

2、可以放在页面中的任何位置。但通常情况下放在<head></head>标签内。这样比较有统一性,便于查找。这个用在一个页面中还可以,不利于多个页面同一样式的使用。

3、这个方法需要单独建立一个css文件,所有的样式都放到这里面。易于维护,并且适合多个页面使用。

4、这个方法是在外部单独建立一个js文件,页面中所有的js都在这一个页面中。易于维护,方便多次使用。

5、直接把js效果写在<script></script>标签中即可。这部分内容可以放在页面中的任何位置。但是一般放在页面的底部。这样的话便于页面加载完成再执行js文件。

参考技术C 在网页任意位置写:<script language="javascript" src="link.js"></script>
link.js文件内容这样写:
function link()
document.getElementById("link").innerHTML="<a href='http://www.baidu.com'>百度</a><a href='http://www.google.com.hk'>谷歌</a>"

“document.getElementById("link").innerHTML ”这里的link是你要放友链的div的id,然后在你这个div里写这段:
<script language="javascript">
link();
</script>追问

不好意思 ““document.getElementById("link").innerHTML ”这里的link是你要放友链的div的id”,这句不太理解诶,能再解释下吗?

追答

比如这个div是你要放友链的你就这样写:

这样明白了吗?

本回答被提问者采纳
参考技术D 只知道在HTML的title标记符后加上:
<script language="javascript" type="text/javascript" src="___"></script>

以上是关于在HTML 中怎么引用外部文件夹里的HTML呢?的主要内容,如果未能解决你的问题,请参考以下文章

怎么调用外部js文件?

jsp中 怎么引用一个外部 JavaScript 这个外部的JavaScript怎么写

HTML中怎么引用JS ?

html那里引用js文件

Js怎么调用外部Js

html正文引用外部css文件。求body正文中引用的方法。head中的我会。