在一个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 相关文章推荐
JS是否可以跨文件同时控制多个iframe页面的应用技巧
Dec 16 Javascript
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 Javascript
jQuery中:gt选择器用法实例
Dec 29 Javascript
JavaScript检测鼠标移动方向的方法
May 22 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
Oct 20 Javascript
javaScript手机号码校验工具类PhoneUtils详解
Dec 08 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
Apr 17 Javascript
JS函数进阶之继承用法实例分析
Jan 15 Javascript
React Hooks 实现和由来以及解决的问题详解
Jan 17 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
用文本作数据处理
2006/10/09 PHP
PHP的PDO操作简单示例
2016/03/30 PHP
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
3款实用的在线JS代码工具(国外)
2012/03/15 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
Javascript writable特性介绍
2015/02/27 Javascript
jquery ajax双击div可直接修改div中的内容
2016/03/04 Javascript
Treegrid的动态加载实例代码
2016/04/29 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
javascript 中iframe高度自适应(同域)实例详解
2017/05/16 Javascript
图片懒加载imgLazyLoading.js使用详解
2020/09/15 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
2019/01/08 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
vue Cli 环境删除与重装教程 - 版本文档
2020/09/11 Javascript
python线程池的实现实例
2013/11/18 Python
简单学习Python time模块
2016/04/29 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
python制作mysql数据迁移脚本
2019/01/01 Python
Python面向对象程序设计类的多态用法详解
2019/04/12 Python
pandas计算最大连续间隔的方法
2019/07/04 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
python Jupyter运行时间实例过程解析
2019/12/13 Python
Python正则表达式急速入门(小结)
2019/12/16 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
美国和加拿大房车出售在线分类广告:RVT.com
2018/04/23 全球购物
会计职业生涯规划书
2014/01/13 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
求职信范文怎么写
2015/03/19 职场文书
农民工工资承诺书大全
2015/05/04 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python