动态js跨域问题解决

最新推荐文章于 2023-01-05 17:22:19 发布
最新推荐文章于 2023-01-05 17:22:19 发布
阅读量208 收藏
点赞数
文章标签： javascript xhtml ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_11910/article/details/82068167
版权
JS代码如下：
var DynamicLoadScriptQueue =
{
Loading : false,
TaskQueue : [],
CallBack : function (StartTime, CallBackMethod)
{
CallBackMethod && CallBackMethod(new Date().valueOf() - StartTime.valueOf());
this.Loading = false;
this.Load();
},
Load : function ()
{
if (!this.Loading && this.TaskQueue.length)
{
var Head = document.getElementsByTagName("head")[0];
if (!Head)
{
this.TaskQueue.length = 0;
this.TaskQueue = null;
throw new Error('The head does not exist in this page.');
}
var DLSQ = this, TaskQueue = this.TaskQueue.shift(), StartTime = new Date, Script = document.createElement('script');
this.Loading = true;
Script.onload = Script.onreadystatechange = function ()
{
if (Script && Script.readyState && Script.readyState != 'loaded' && Script.readyState != 'complete') return;
Script.onload = Script.onreadystatechange = Script.onerror = null;
Script.Src = '';
Script.parentNode.removeChild(Script);
Script = null;
DLSQ.CallBack(StartTime, TaskQueue.CallBackMethod);
StartTime = TaskQueue = null;
};
Script.charset = TaskQueue.Charset || 'gb2312';
Script.src = TaskQueue.Src;
Head.appendChild(Script);
}
},
AddTask : function (Src, Charset, CallBackMethod)
{
this.TaskQueue.push({ 'Src' : Src, 'Charset' : Charset, 'CallBackMethod' : CallBackMethod });
this.Load();
}
}

调用示例：
1、将上述代码保存为JScript1.js，编码格式选择UTF-8。
2、将以下两段代码分别报存为JScript2.js和JScript3.js，编码格式分别为UTF-8和GB2312。
var strTest = "abcdefg";
var strTemp = "abcdefg";
3、新建测试页面WebForm1.aspx，代码如下：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>动态加载JS文件测试页面</title>
<script type="text/javascript" src ="JScript1.js"></script>

<script type="text/javascript">
var Test1 = function(LoadTime)
{
alert("加载耗时：" + LoadTime + "毫秒，测试字符串：" + strTest);
}
var Test2 = function(LoadTime)
{
alert("加载耗时：" + LoadTime + "毫秒，测试字符串：" + strTemp);
}
DynamicLoadScriptQueue.AddTask("JScript2.js","UTF-8",Test1);
DynamicLoadScriptQueue.AddTask("JScript3.js","GB2312",Test2);
</script>
</head>
<body>
<form id="form1" runat="server">
<div>

</div>
</form>
</body>
</html>
iteye_11910
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
动态加载JS文件，完美解决跨域、编码、嵌套、队列、兼容性、执行顺序等相关问题。
ZXSDN
09-01 2059
JS代码如下：var DynamicLoadScriptQueue  ={    Loading : false,     TaskQueue : [],     CallBack : function (StartTime, CallBackMethod)     {        CallBackMethod && CallBackMethod(new Da
javascript 跨域问题以及解决办法
10-19
主要介绍了javascript 跨域问题以及解决办法的相关资料,需要的朋友可以参考下
动态加载js文件以支持跨域脚本
weixin_34008933的博客
08-22 469
将以下脚本放在pageload时执行，var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.goo...
JS创建动态脚本跨域
Sean的世界
06-21 227
    script标签本身就可以访问其它域的资源，不受浏览器同源策略的限制，可以通过在页面动态创建script标签，代码如下：  var script = document.createElement('script'); script.src = "http://aa.xx.com/js/*.js"; document.body.appendChild(script); ...
动态加载js或ajax跨域通用方法
ycsjx的专栏
09-12 426
http://blog.csdn.net/programflag/article/details/6852196
js 跨域访问问题解决方法
最新发布
weixin_39709920的博客
01-05 909
原理就是JS文件注入，在本域内的aa.com 内生成一个JS标签，它的SRC指向请求的另外一个域bb.com的某个页面b，b返回数据即可，可以直接返回JS的代码。可以说jsonp的方式原理上和是一致的(qq空间就是大量采用这种方式来实现跨域数据交换的) .JSONP是一种脚本注入(Script Injection)行为,所以也有一定的安全隐患.跨域的安全限制都是指浏览器端来说的，服务器端是不存在跨域安全限制的。
深入分析Javascript跨域问题
10-24
JavaScript中的跨域问题源于浏览器实施的同源...总的来说，解决JavaScript跨域问题需要根据具体需求选择合适的方法，既要考虑安全性，也要考虑兼容性和性能。在实际开发中，通常会结合使用多种策略，以达到最佳效果。
NODE.JS跨域问题的完美解决方案
10-21
本文将详细讲解如何在Node.js中解决跨域问题，提供一个完美的解决方案。 跨域问题源于浏览器的安全策略——同源策略，它限制了一个源（域名、协议和端口）的文档或脚本请求另一个源的资源。这个策略是为了防止恶意...
5种处理js跨域问题方法汇总
10-25
本文汇总了解决js跨域问题的5种方法，除了最后一种使用flash解决跨域问题由于过于高端，没有做出介绍外，其余四种都做了下总结，这里推荐给有相同需求的小伙伴。
SpringBoot Cors跨域__一蓑烟雨任平生
Jaeger_Java的博客
11-25 266
package com.xczh.service.common.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web.cors.UrlBasedCor
动态创建script标签实现跨域资源访问的方法介绍
09-04
本篇文章主要是对动态创建script标签实现跨域资源访问的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
js的跨域问题及若干解决方案
weixin_44383261的博客
06-01 1195
跨域 跨域也叫非同源策略，简单理解就是从一个地址去请求另一地址的资源，我们知道，url地址包含协议、域名和端口号，两个地址中的这三者只要有一个不同，就属于跨域。 我们可以在自己的电脑上模拟跨域，比如，搭建一个前后端分离的项目，前端主页的请求地址是http://120.0.0.1:8000，后端的数据接口地址设置为http://120.0.0.1:8001。显然，两个地址的端口号不一致，由此产生跨域。 解决方案 1.利用JSONP解决 html中有些标签本身就可以实现跨域，它们不存在跨域请求限制。比如：scr
JS中关于跨域及实现方法
u012501054的博客
08-17 8081
作者：plainnany 链接：https://www.jianshu.com/p/b6c40d8c9ad4 來源：简书 1. 什么是跨域 提起跨域，我们要先了解一下同源政策，需要明确一点的是，同源政策是针对于浏览器的，不是针对JS 同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。--MDN 通俗来讲就是浏览器出于安全...
js中几种实用的跨域方法原理详解
萌萌的It人 www.itmmd.com
07-15 2462
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法： 一、通过jsonp
jquery load 跨域访问插件
javaeye_hua
07-12 956
今天做了一个调用中央气象台卫星云图的功能，使用jquery进行加载跨域文件时，提示jquery.js无权限 原来是跨域限制惹得祸。 使用附件插件后，正常访问。就是感觉速度慢.不清楚是否是插件引起的。   附注：直接打开html加载时，即便没有引入插件，也可以正常访问，且速度挺快。 原因待查中......
动态script标签-跨域调用
rsylqc的专栏
05-19 3137
Ajax技术不能实现跨域工作，可以通过使用动态script标签来实现跨越调用。 创建一个新的script标签，并插入DOM中，浏览器会像载入页面本身的script标签一样载入和运行插入标签的源文件。新script标签的源文件包含了一个页面本身已存在的一个JavaScript函数的调用，当执行这个源文件时，也会执行已存在的函数，这一过程定义了一个回调函数的方法。 如下程序段：
静态页面调试JS出现跨域问题
qq_35530330的博客
02-25 2263
在chrome浏览器或者firefox浏览器里，由于安全限制的原因，本地调试JS，如果不配服务器环境而直接打开页面，那所有的AJAX操作会抛出下面错误： XMLHttpRequest cannot load file:///D:/file.html. Origin null is not allowed by Access-Control-Allow-Origin. Origin null i...
JS跨域访问解决方案总结与应用
JS跨域访问解决方案总结是指在Web开发中，如何解决JavaScript跨域访问的问题。跨域访问是指一个站点中的资源访问另外一个不同域名站点上的资源，例如通过style标签加载外部样式表文件、通过img标签加载外部图片、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值