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 相关文章推荐
js中获取事件对象的方法小结
Mar 13 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
Aug 07 Javascript
深入学习JavaScript中的Rest参数和参数默认值
Jul 28 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
微信小程序 教程之模块化
Oct 17 Javascript
JS定时器实现数值从0到10来回变化
Dec 09 Javascript
js oncontextmenu事件使用详解
Mar 25 Javascript
vue实现todolist单页面应用
Apr 11 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
JS实现的A*寻路算法详解
Dec 14 Javascript
vue插槽slot的理解和使用方法
Apr 03 Javascript
vscode 插件开发 + vue的操作方法
Jun 05 Javascript
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
安健A254立体声随身听的分析与打磨
2021/03/02 无线电
PHP字符串长度计算 - strlen()函数使用介绍
2013/10/15 PHP
PHP读取汉字的点阵数据
2015/06/22 PHP
浅谈php常用的7大框架的优缺点
2020/07/20 PHP
JMenuTab简单使用说明
2008/03/13 Javascript
js正确获取元素样式详解
2009/08/07 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
2017/03/21 Javascript
php register_shutdown_function函数详解
2017/07/23 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
2017/10/23 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
JavaScript实现星级评价效果
2019/05/17 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
2020/04/10 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
[01:22]DOTA2神秘商店携大量周边降临完美大师赛
2017/11/07 DOTA
pycharm 使用心得(七)一些实用功能介绍
2014/06/06 Python
python中查看变量内存地址的方法
2015/05/05 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
Python中Threading用法详解
2017/12/27 Python
python爬取拉勾网职位数据的方法
2018/01/24 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
苹果美国官方商城:Apple美国
2016/08/24 全球购物
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
优秀党员转正的自我评价
2013/10/06 职场文书
环境工程大学生个人的自我评价
2013/10/08 职场文书
保安队长职务说明书
2014/02/23 职场文书
给全校老师的建议书
2014/03/13 职场文书
马智宇结婚主持词
2014/04/01 职场文书
小学科学教学计划
2015/01/21 职场文书
小学秋季运动会通讯稿
2015/11/25 职场文书