js获取html文件的思路及示例

代码如下:

function readHTML(){
$.ajax({
async:false,
url : "aa.html“,
success : function(result){
alert(result);
}
});
}

async:false,这个是做与其他的js同步的，若为true或不填将会先运行同级别的其它代码，也就是说这里的result为空，只有其它代码执行完毕后才会运行里面的东西，result才会有值，这通常不是所需要的

表达的可能不是很清楚，自己做个测试就明了了，这是介绍此属性的一个详细的例子：http://www.cnblogs.com/wlmemail/archive/2010/06/22/1762765.html

注：这是使用的jQuery

使用js的话是下面的代码


代码如下:

var xmlhttp;
if (window.XMLHttpRequest) { // 兼容 IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else { // 兼容IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "aa.html", true);
xmlhttp.send();

myDiv是你输出的位置，这个是定义在了页面上的一个div

这是我解决问题的来源：http://stackoverflow.com/questions/8197709/javascript-read-html-from-url-into-string
参考：http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first

赞 (0)

相关推荐

  • js获取html文件的思路及示例

    复制代码 代码如下: function readHTML(){ $.ajax({ async:false, url : "aa.html", success : function(result){ alert(result); } }); } async:false,这个是做与其他的js同步的,若为true或不填将会先运行同级别的其它代码,也就是说这里的result为空,只有其它代码执行完毕后才会运行里面的东西,result才会有值,这通常不是所需要的 表达的可能不是很清楚,自己做个测

  • js 获取本地文件及目录的方法(推荐)

    Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼.富有朝气.但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读.写和删除,就象在VB.VC等高级语言中经常做的工作一样.怎么样,你是否需要了解这方面的知识?那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作. 一.功能实现核心:FileSystemObject 对象 其实,要在Javascript中实现文件操作功能,主要就是依靠FileSystemobject对象.在详

  • JS获取元素多层嵌套思路详解

    如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧. HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>元素多层嵌套,JS获取问题</title> </head> <body> <div

  • 基于Node.js的大文件分片上传示例

    我们在做文件上传的时候,如果文件过大,可能会导致请求超时的情况.所以,在遇到需要对大文件进行上传的时候,就需要对文件进行分片上传的操作.同时如果文件过大,在网络不佳的情况下,如何做到断点续传?也是需要记录当前上传文件,然后在下一次进行上传请求的时候去做判断. 先上代码:代码仓库地址 前端 1. index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

  • JS获取当前日期时间并定时刷新示例

    JS获取当前日期时间 var date = new Date(); date.getYear(); //获取当前年份(2位) date.getFullYear(); //获取完整的年份(4位,2014) date.getMonth(); //获取当前月份(0-11,0代表1月) date.getDate(); //获取当前日(1-31) date.getDay(); //获取当前星期X(0-6,0代表星期天) date.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) d

  • 用PHP代替JS玩转DOM的思路及示例代码

    事情的起源比较简单,我需要把一个导航页的数据整理好写入数据库.一个比较直观的方法是对html文件进行分析,通用的方法是用php的正则表达式来匹配.但是这样做开发和维护都很困难,代码可读性非常差. 导航页的数据都是规则的排列在DOM树当中的,用JS可以用几个循环轻松的对其进行操作,而且JS需要依赖浏览器,操作数据库很困难.其实PHP就有现成的类库对DOM树种的节点进行增删改查操作,在此做一些笔记. 这里涉及到2个类 DOMDocument 和 DOMXPath. 其实思路比较明确,就是通过DOMD

  • Node.js 获取微信JS-SDK CONFIG的方法示例

    背景 前端在调用微信提供的分享.拍照.扫一扫等功能时需要到后台获取配置,主要是签名(signature).Node 开发可以用朴灵大佬的SDK-- co-wechat-api. 配置 到微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名".前提是该域名的项目目录下有微信提供的校验文件.如果需要本地调试或者测试环境调试,可以把IP白名单也顺便配置一下. 开发 实例化 WechatAPI 对象 const WECHAT_API =

  • js获取url中指定参数值的示例代码

    如下所示: 复制代码 代码如下: ///获取url中指定参数        // <param name="paras">参数名称</param>        ///        function request(paras) {            var url = location.href;            var paraString = url.substring(url.indexOf("?") + 1, url.l

  • js获取电脑分辨率的思路及操作

    在做页面时,用户要求,不同的分辨率,弹出窗口的位置不同,我想是不是先获得屏幕宽度,然后付值给变量,再在onclick中设置参数 复制代码 代码如下: <script> alert(screen.width+"*"+screen.height) </script> 复制代码 代码如下: <script> function centerWindow(url,w,h){ l=(screen.width-w)/2 t=(screen.height-h)/2

  • JS获取本周周一，周末及获取任意时间的周一周末功能示例

    本文实例讲述了JS获取本周周一,周末及获取任意时间的周一周末功能.分享给大家供大家参考,具体如下: 项目需要获取本周及任意一天的周一及周末 需格式化,示例代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="htt

随机推荐