在一个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 相关文章推荐
JQuery表格内容过滤的实现方法
Jul 05 Javascript
使用js实现数据格式化
Dec 03 Javascript
JavaScript对象之深度克隆介绍
Dec 08 Javascript
JavaScript实现通过select标签跳转网页的方法
Sep 29 Javascript
Bootstrap CSS布局之列表
Dec 15 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
Bootstrap超大屏幕的实现代码
Mar 22 Javascript
深入探究angular2 UI组件之primeNG用法
Jul 26 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
JS重学系列之聊聊new操作符
Mar 04 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 Javascript
react 项目中引入图片的几种方式
Jun 02 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
一个简单的PHP入门源程序
2006/10/09 PHP
国外PHP程序员的13个好习惯小结
2012/02/20 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
Javascript - HTML的request类
2007/01/09 Javascript
js 复制或插入Html的实现方法小结
2010/05/19 Javascript
DLL+ ActiveX控件+WEB页面调用例子
2010/08/07 Javascript
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
2012/10/11 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
2013/05/19 Javascript
jquery弹出层类代码分享
2013/12/27 Javascript
JQuery 使用attr方法实现下拉列表选中
2014/10/13 Javascript
JSON字符串转JSON对象
2015/07/31 Javascript
Jquery元素追加和删除的实现方法
2016/05/24 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
2017/05/25 Javascript
JS中使用react-tooltip插件实现鼠标悬浮显示框
2019/05/15 Javascript
[02:31]2018年度DOTA2最具人气选手-完美盛典
2018/12/16 DOTA
基于hashlib模块--加密(详解)
2017/06/21 Python
利用Python操作消息队列RabbitMQ的方法教程
2017/07/19 Python
python 判断矩阵中每行非零个数的方法
2019/01/26 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
ipython jupyter notebook中显示图像和数学公式实例
2020/04/15 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
The North Face北面法国官网:美国著名户外品牌
2019/11/01 全球购物
实习自荐信
2013/10/13 职场文书
教育实习生的自我评价分享
2013/11/21 职场文书
幼儿园教师教育感言
2014/02/28 职场文书
元旦活动感言
2014/03/08 职场文书
领导干部廉政自律承诺书
2014/05/26 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
建筑专业毕业生求职信
2014/09/30 职场文书
幼儿园食品安全责任书
2015/05/08 职场文书
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers