在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题


Posted in Javascript onNovember 28, 2010
function include(path){ 
var a=document.createElement("script"); 
a.type = "text/javascript"; 
a.src=path; 
var head=document.getElementsByTagName("head")[0]; 
head.appendChild(a); 
} 
include("http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js")

这样的脚本你在ie8下调用,在ie8地址栏下按下回车后调用jquery的对像、方法什么的没有问题,但是刷新之后就有问题。就是刷新之后无论怎样你要在地址栏按一下回车。
在火狐下是没有问题的。附一个window.name的html脚本,大家可以测试一下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Demo:跨域</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script> 
function include(path){ 
var a=document.createElement("script"); 
a.type = "text/javascript"; 
a.src=path; 
//if (a.readStatus == 200) { 
var head=document.getElementsByTagName("head")[0]; 
head.appendChild(a); 
//} 
} 
include("http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js") 
</script> 
<script> 
$(function(){ 
function sendData(url, callback){ 
if(!url || typeof url !== 'string'){ 
return; 
} 
url += (url.indexOf('?') > 0 ? '&' : '?') + 'windowname=true'; 
var frame = $('<iframe style="display:none;"></iframe>').appendTo("body"); 
var state = 0; 
var clear = function(){ 
try{ 
frame[0].contentWindow.document.write('');//清空iframe的内容 
frame[0].contentWindow.close();//避免iframe内存泄漏 
frame.remove();//删除iframe 
}catch(e){} 
}; 
var getData = function(){ 
try{ 
var data = frame[0].contentWindow.name; 
}catch(e){} 
clear(); 
if(callback && typeof callback === 'function'){ 
callback(data); 
} 
}; 
frame.bind('load', function(){ 
if(state === 1){ 
getData(); 
} else if(state === 0){ 
state = 1; 
frame[0].contentWindow.location = "none.html"; 
} 
}); 
frame[0].src = url; 
} 
//应用: 
var testurl = 'http://www.3water.cn/test.html'; 
$("button").click(function(){ 
sendData( testurl ,function(result){ 
var fishDiv = $("#oldFish"); 
fishDiv.html( "你获取的数据是:"+result ); 
}) 
}) 
}) 
</script> 
</head> 
<body> 
<button>远程加载数据</button> 
<div id="oldFish"></div> 
<p style="font-size:12px;">Dev By <a href="http://www.3water.cn" >素材下载</a> & 桦</p> 
<p style="font-size:12px;">参考:<a href="https://3water.com" >三水点靠木</a></p> 
</body> 
</html>
Javascript 相关文章推荐
JavaScript 继承的实现
Jul 09 Javascript
JS时间选择器 兼容IE6,7,8,9
Jun 26 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
基于Javascript实现文件实时加载进度的方法
Oct 12 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
详解ES6中的 Set Map 数据结构学习总结
Nov 06 Javascript
JavaScript中this用法学习笔记
Mar 17 Javascript
js的Object.assign用法示例分析
Mar 05 Javascript
解决vue路由name同名,路由重复的问题
Aug 05 Javascript
Node.js中的异步生成器与异步迭代详解
Jan 31 Javascript
一个网马的tips实现分析
Nov 28 #Javascript
JQUBAR1.1 jQuery 柱状图插件发布
Nov 28 #Javascript
为jQuery增加join方法的实现代码
Nov 28 #Javascript
Jquery拖拽并简单保存的实现代码
Nov 28 #Javascript
jquery下将选择的checkbox的id组成字符串的方法
Nov 28 #Javascript
用jquery设置按钮的disabled属性的实现代码
Nov 28 #Javascript
IE6弹出“已终止操作”的解决办法
Nov 27 #Javascript
You might like
thinkphp框架下404页面设置 仅三步
2016/05/14 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
几款极品的javascript压缩混淆工具
2007/05/16 Javascript
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
2009/02/18 Javascript
JavaScript检查某个function是否是原生代码的方法
2014/08/20 Javascript
jquery获得当前html页面源码的方法
2015/07/14 Javascript
深入解析JavaScript中的立即执行函数
2016/05/21 Javascript
jQuery模拟select实现下拉菜单功能
2016/06/20 Javascript
微信小程序调用PHP后台接口 解析纯html文本
2017/06/13 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
基于vue-video-player自定义播放器的方法
2018/03/21 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
JavaScript中的ES6 Proxy的具体使用
2019/06/16 Javascript
实例讲解React 组件生命周期
2020/07/08 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
Python的ORM框架SQLObject入门实例
2014/04/28 Python
python实现斐波那契递归函数的方法
2014/09/08 Python
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
python实现接口并发测试脚本
2019/06/25 Python
Pandas 重塑(stack)和轴向旋转(pivot)的实现
2019/07/22 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
通过python扫描二维码/条形码并打印数据
2019/11/14 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
Python基于BeautifulSoup爬取京东商品信息
2020/06/01 Python
如何解决安装python3.6.1失败
2020/07/01 Python
浅谈pc和移动端的响应式的使用
2019/01/03 HTML / CSS
求职信格式范本
2013/11/15 职场文书
岗位竞聘演讲稿
2014/01/10 职场文书
村党支部书记承诺书
2014/05/29 职场文书
土地转让协议书
2014/09/27 职场文书
校本培训个人总结
2015/02/28 职场文书
企业财务经理岗位职责
2015/04/08 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
《猴王出世》教学反思
2016/02/23 职场文书