html 页面怎么调用另一个页面的方法

html-css08

html 页面怎么调用另一个页面的方法,第1张

您好，很高兴回答您的问题！解答:html是一种超文本标记语言，而我们在写HTML时会经常在一个html文件中调用很多其他网页文件，这个时候我们需要怎么做呢？我这里给您提供三种方法：一个是HTML的iframe标签，别两个是JS引用。比如要在arr.html文件里引用index.html文件，方法如下：HTML引用方法：<iframe name="toppage" width=100% height=100% marginwidth=0 marginheight=0 frameborder="no" border="0" src="index.html" ></iframe>JS引用方法：<object style="border:0px" type="text/x-scriptlet" data="index.html" width=100% height=100%></object>或者<script type="text/javascript" src="index.js"></script>这三种方法都可以，就是看你自己怎样选择或者您哪方面要熟悉一些都可以使用。学习了这么久的html给我的一个最大的感受就是复杂，要学的东西太多了，而这就需要我们花大量的时间和精力去学习，去记忆，并进行实践，只有在不断的项目的实践中，我们才会有所学，有所悟，加油！

（1）在html文件的head中添加代码，例如：

<script src="../js/jquery-1.7.1min.js"></script>（src是js文件的路径）

（2）也可以把js文件直接拖进html页面

科普：JS一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

通过嵌套iframe 实现引用html页面

<script type="text/javascript">

$(function () {

document.getElementById("ifm").src =""//Url地址

$("#ifm").load(function () {

var h = document.body.clientHeight

var w = document.body.clientWidth

document.getElementById("ifm").height = h + "px"

document.getElementById("ifm").width = w + "px"

})

})

</script>

<body style="overflow-y:hiddenoverflow-x:hidden">

<div id="pageone" style="">

<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent" marginwidth="0" marginheight="0" frameborder="0">

</iframe>

</div>

</body>