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


Posted in Javascript onSeptember 17, 2013
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

Javascript 相关文章推荐
javascript中onmouse事件在div中失效问题的解决方法
Jan 09 Javascript
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
Javascript加载速度慢的解决方案
Mar 11 Javascript
jquery实现动态改变div宽度和高度
May 08 Javascript
概述VUE2.0不可忽视的很多变化
Sep 25 Javascript
JS操作input标签属性checkbox全选的实现代码
Mar 02 Javascript
微信小程序如何获取openid及用户信息
Jan 26 Javascript
浅析Visual Studio Code断点调试Vue
Feb 27 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
vue中v-for循环给标签属性赋值的方法
Oct 18 Javascript
angular中的post请求处理示例详解
Jun 30 Javascript
Vue中引入svg图标的两种方式
Jan 14 Vue.js
JS的Document属性和方法小结
Sep 17 #Javascript
JS画5角星方法介绍
Sep 17 #Javascript
js带按钮的提示框可供选择示例代码
Sep 17 #Javascript
今天是星期几的4种JS代码写法
Sep 17 #Javascript
关于javascript event flow 的一个bug详解
Sep 17 #Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 #Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 #Javascript
You might like
隐性调用php程序的方法
2015/06/13 PHP
php利用递归实现删除文件目录的方法
2016/09/23 PHP
PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例
2017/08/10 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
潜说js对象和数组
2011/05/25 Javascript
jquery实现弹出层完美居中效果
2014/03/03 Javascript
dreamweaver 8实现Jquery自动提示
2014/12/04 Javascript
jQuery中unbind()方法用法实例
2015/01/19 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
jquery trigger实现联动的方法
2016/02/29 Javascript
javaScript基础详解
2017/01/19 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
Javascript实现的StopWatch功能示例
2017/06/13 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
Vue.js框架路由使用方法实例详解
2017/08/25 Javascript
详解JavaScript实现动态的轮播图效果
2019/04/29 Javascript
Python中的元类编程入门指引
2015/04/15 Python
Python的Django框架中URLconf相关的一些技巧整理
2015/07/18 Python
浅谈python中set使用
2016/06/30 Python
python 2.7.13 安装配置方法图文教程
2018/09/18 Python
opencv与numpy的图像基本操作
2019/03/08 Python
Python-Tkinter Text输入内容在界面显示的实例
2019/07/12 Python
Python3显示当前时间、计算时间差及时间加减法示例代码
2019/09/07 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
python GUI库图形界面开发之PyQt5不规则窗口实现与显示GIF动画的详细方法与实例
2020/03/09 Python
Python函数参数分类原理详解
2020/05/28 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
HTML5中的Article和Section元素认识及使用
2013/03/22 HTML / CSS
台湾生鲜宅配:大口市集
2017/10/14 全球购物
《在大海中永生》教学反思
2014/02/24 职场文书
授权委托书格式范文
2014/08/02 职场文书
解除劳动关系协议书范文
2014/09/11 职场文书
2015年中学校长工作总结
2015/05/19 职场文书
鲁滨逊漂流记读书笔记
2015/06/26 职场文书
《遗弃》开发商删推文要跑路?官方回应:还在开发
2022/04/03 其他游戏
《模拟人生4》推出新补丁 “婚礼奇缘”DLC终于得到修复
2022/04/03 其他游戏