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 相关文章推荐
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
javascript实现二级级联菜单的简单制作
Nov 19 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
Jun 30 Javascript
js实现select选择框效果及美化
Aug 19 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
Node.js使用Express.Router的方法
Nov 14 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
详解如何使用webpack打包JS
Jun 21 Javascript
2种在vue项目中使用百度地图的简单方法
Sep 28 Javascript
深入分析jQuery.one() 函数
Jun 03 jQuery
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
法压式咖啡之制作法
2021/03/03 冲泡冲煮
图书管理程序(二)
2006/10/09 PHP
PHP5 字符串处理函数大全
2010/03/23 PHP
PHP网站安装程序制作的原理、步骤、注意事项和示例代码
2010/08/01 PHP
学习php设计模式 php实现命令模式(command)
2015/12/08 PHP
JS鼠标事件大全 推荐收藏
2011/11/01 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
2013/05/03 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
jQuery使用addClass()方法给元素添加多个class样式
2015/03/26 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
Vue方法与事件处理器详解
2016/12/01 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
手把手教你使用vue-cli脚手架(图文解析)
2017/11/08 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
实现elementUI表单的全局验证的方法步骤
2019/04/29 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
2019/07/04 Javascript
实例讲解JavaScript 计时事件
2020/07/04 Javascript
[56:12]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第一场 6.3
2018/06/04 DOTA
python远程登录代码
2008/04/29 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
Python向日志输出中添加上下文信息
2017/05/24 Python
Python操作Oracle数据库的简单方法和封装类实例
2018/05/07 Python
Python中的引用知识点总结
2019/05/20 Python
Golang GBK转UTF-8的例子
2019/08/26 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
美国相机和电子产品零售商:Beach Camera
2020/11/26 全球购物
自我鉴定四大框架
2014/01/17 职场文书
《手指教学》反思
2014/02/14 职场文书
《鱼游到了纸上》教学反思
2014/02/20 职场文书
工商行政管理专业求职书
2014/05/23 职场文书
市场营销毕业求职信
2014/08/07 职场文书
2015年销售人员工作总结
2015/04/07 职场文书
美元符号 $
2022/02/17 杂记