在jQuery中怎样调取html文件到当前页面中?

如题所述

jQuery的引用方式和其他的外部js文件一样,如下:
<script type="text/javascript" src="scripts/jquery-1.5.2.min.js"></script>
因为这个js文件都是放在scripts文件夹下,所以就可以像上面那样引用到当前文件中来。但是需要注意的一点是,这个引用应该放在其他js文件的引用之前,这样其他的js文件才能使用jQuery方法。
一般而言,采用jQuery函数库的HTML文件,通常应该是这样的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery 测试</title>
<meta name="keywords" content="" />
<meta name="discription" content="" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
</head>
<body>

</body>
</html>
自己的js内容应该写到另一个文件中去,如上面所示,新建了一个index.js来存放自己的js内容,这样可以保证jQuery不会被误操作导致不完整,也有利于重用。
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-01-24
$.get("top.html",function(data){ $("#top").html(data); }); $.get("foot.html",function(data){ $("#foot").html(data); });�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2�0�2

在jQuery中怎样调取html文件到当前页面中?
<script type="text\/javascript" src="scripts\/jquery-1.5.2.min.js"><\/script> 因为这个js文件都是放在scripts文件夹下,所以就可以像上面那样引用到当前文件中来。但是需要注意的一点是,这个引用应该放在其他js文件的引用之前,这样其他的js文件才能使用jQuery方法。一般而言,采用jQuery函数库的HTML...

jQuery怎么加载一个html页面到我指定的div里面
使用ajax。参考代码:(function(){ .ajax({ type:"POST", url:"LoginLoadArticle.ashx",data: "type="+escape("最新公告") ,success:function(msg){ (".gonggao").html(msg);}, error:function(XMLHttpRequest, textStatus, thrownError){}})})...

jquery解析html文本?
使用jquery中的load事件。load事件可以载入远程HTML文件代码并插入至DOM中。默认使用GET方式-传递附加参数时自动转换为POST方式。参数url,[data,[callback]]url:待装入HTML网页网址。并引入jquery。在index.html中的script标签,输入jquery代码:(div).load(function(){$(body).append(divhasload);})...

jq跳转到指定页面(jq怎么跳转页面)
如何用jquery实现点击后跳到页面指定位置1、(img).click(function(){\/\/点击图片后发送跳转到指定页面的事件。2、Query实现页面跳转的3种方法:Response.Redirect(http:\/\/;,false);目标页面和原页面可以在2个服务器上,可输入网址或相对路径。后面的bool值为是否停止执行当前页。跳转向新的页面,原窗...

javascript html jquery,如何把一个页面里的内容载入到我的网站。
而AJAX是无法实现跨域访问的,或者对方留有接口,你可以通过自己的服务器程序与对方的进行通信,相当于代理,通过后台将对方的数据取回,然后传回到自己的页面,但是我觉得你一定不是要这种效果。我的想法是,通过在页面使用隐藏的iframe,然后用js取到iframe里面的DOM,然后生成页面。你可以试一下。

用html 获得当前页面地址要如何写?
回答:<% String basePath = request.getScheme()+":\/\/"+request.getServerName()+":"+request.getServerPort()+path+"\/"; %>basePath 就是当前页面的完整地址

如何用jQuery将一个HTML代码放入另一个DIV中
\/\/如果是手写的html代码$("#divID").html('html代码');\/\/如果是一个html页面,需要在服务器上运行$("#divID").load("html页面的路径");

怎样用jquery在div中加载页面
使用jquery中的load事件。load事件可以载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。参数url,[data,[callback]]url:待装入 HTML 网页网址。data:发送至服务器的 key\/value 数据。在jQuery 1.3中也可以接受一个字符串了。callback:载入成功时...

jquery.load 方法详解和一些思考
jQuery.load 方法用于通过 AJAX 加载远程 HTML,并将其插入到指定的 DOM 元素中。其语法结构包括必须的 URL 参数以及可选的 data 和 complete 回调参数。URL 参数允许引用远程 HTML 文件的 URL 或使用 jQuery 选择器来指定要插入的特定 HTML 内容。例如,可以将某个远程页面中的内容加载到当前页面的...

怎么在html页面中导入html文件
看你的具体需要了,如果你要导入的html只是需要里面的文本的话,可以用Jquery的ajax,获取文本的内容,加入到指定的区域,如果你纯粹是为了显示,最有效简单的方式是就是加一个iframe将它的src指定到你的页面,这样,你的页面不但能呈现这个页面,还能实现跨域调用,灵活性很强!

相似回答