TECHTOGOU

javascript - appendChild 无法在 IE 中使用 window.open

coder 2024-05-16 原文

我有一个带有 svg 标签的页面。该页面有一个名为“预览”的按钮,单击该按钮将打开一个包含图像 (svg) 的新窗口。

下面是一段在 Chrome/Firefox 中工作但在 IE 中不工作的代码(我使用的是 IE 9- IE9 标准模式)

var w = window.open();
var svg = $('#chart');              
var svgPrint = svg.cloneNode(true);
svgPrint.setAttribute('xmlns','http://www.w3.org/2000/svg');
w.document.body.appendChild(svgPrint);

如有任何建议,我们将不胜感激。

谢谢。

最佳答案

IE 将阻止追加在与元素追加到的窗口上下文不同的窗口上下文中创建的任何元素。

var childWindow = window.open('somepage.html');

//will throw the exception in IE
childWindow.document.body.appendChild(document.createElement('div'));

//will not throw exception in IE
childWindow.document.body.appendChild(childWindow.document.createElement('div'));

关于javascript - appendChild 无法在 IE 中使用 window.open,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17017682/

有关javascript - appendChild 无法在 IE 中使用 window.open的更多相关文章

  1. javascript - Flow : "?() => void" 这个问号是什么意思 - 2

    在GitHubproject中我最近看到了这个函数声明:functionconfigureStore(onComplete:?()=>void){这个问号是关于什么的?我猜,onComplete是命名参数,获取函数调用。问号表示此参数可以是可选的,并且默认为“void”,这意味着与nil/null指针相同,这意味着此处分配的“无闭包”。我说得对吗? 最佳答案 差不多。()=>void是Fl​​ow对不返回任何内容的函数的注释(undefined,又名void0)。?MyType中的前导问号是Flow表达可空类型的方式。因此在这

  2. javascript - JavaScript 中的双重 for 循环 - 2

    varstartx=0,starty=0,endx=12,endy=100;for(startx;startx<=endx;startx+=1){for(starty;starty<=endy;starty+=1){console.log(startx,endx,starty,endy);}}预期输出:0,12,0,1000,12,1,1000,12,2,100...0,12,100,1001,12,0,1001,12,1,100...12,12,100,100;EOOChrome39+上的输出0,12,0,1000,12,1,1000,12,2,100...0,12,10

  3. javascript - Chart.js Line,负点的不同填充颜色 - 2

    当点为负时,我需要更改LineChart.js中的填充颜色(内部区域)。代码简单基础:$(document).ready(function(){varctx=$("#myChart").get(0).getContext("2d");vardata={labels:["January","February","March","April","May","June","July"],datasets:[{label:"MyFirstdat

  4. javascript - Angular JS 类型错误 : $http is not a function - 2

    我已经阅读了所有人们遇到$http不是函数的问题的帖子,看起来大部分是由于注入(inject)顺序错误所致。我的模块定义如下:angular.module("app",[]).controller("appCtrl",['$scope','$http',function($scope,$http){...$scope.makeCall=function($http){console.log("HERE");$http({method:'GET',url:<url}).then(func

  5. Javascript promise 序列 - 2

    我想按顺序处理一些promise。我有一个workingpieceofcode下面,但我想知道我是否将promise的链接过于复杂。我似乎正在创建大量新的闭包,我挠头想知道我是否遗漏了什么。这个函数有没有更好的写法:'usestrict';addElement("first").then(x=>{returnaddElement("second")}).then(x=>{returnaddElement("third")}).then(x=>{returnaddElement("fourth

  6. javascript - 传单:检测标记何时超出视野 - 2

    我有一个包含地理位置结果的表格,用户可以在其中单击以在map中设置该位置。map已经加载,用户可能已经平移/滚动,所有这些位置可能都在视线之外。因此,当用户单击表中某个位置的按钮时,我需要检查该标记是否已在map中可见。并且仅当不可见时,才调用setView并放大该位置;否则,我只是更改标记的颜色(不平移,不缩放)。传单是否有任何API来检查图层/标记当前是否已在map中呈现? 最佳答案 可能map.getBounds().contains(myMarker.getLatLng())引用资料:map.getBounds()返回当前m

  7. javascript - 当 redux 状态更新时在组件上调用 forceUpdate() - 2

    我有一个问题,redux状态被成功更新,但react组件没有重新渲染,经过一些研究我相信[forceUpdate()][1]可以解决我的问题,但我是不确定实现它的正确方法,即在redux状态更新之后。我尝试在github上查找示例,但没有成功。 最佳答案 正如其他人所说,forceUpdate()基本上是一种hack。只要Prop和状态发生变化,您就可以免费获得更新。React和Redux可以无缝协作,因此请避免任何此类黑客行为。如果您的Redux状态正确更新而您的ReactView没有正确更新,那么您很可能没有以不可变的方式更新。

  8. javascript - 在 WebRTC 连接中检测离线对等体 - 2

    我们正在使用WebRTC开发从移动设备到计算机的视频流。移动设备可能会完全失去连接,计算机应该能够检测到。现在,视频刚刚卡住。但是EventHandlersofRTCPeerConnection都不是在这种情况下被调用。那么如何才能在另一个对等点上检测到这种连接失败呢?对等点如何首先检测连接建立时的连接问题? 最佳答案 作为Firefox中的解决方法,您可以使用getStats来检测数据包是否停止传入:varfindStat=(m,type)=>[...m.values()].find(s=>s.type==type&a

  9. javascript - 如何强制数据表重新渲染或重新加载静态数据? - 2

    我有一个使用HTML文件中的静态数据的数据表。使用“columnDefsdata”函数或“columnDefsrender”函数,我可以执行一些输出调整——根据它们的内容和它们在当前显示页面上的位置(不改变数据源)。但是,当用户更改显示的行数时,我需要重置并重做我对数据的调整,因为不同的单元格现在需要消隐,而之前消隐的条目可能需要再次显示。所以,我想做的是在“length.dt”事件(刚刚更改的显示行数)中调用something导致数据表重新呈现整个表,或重新加载整个数据(从而调用我的columnDefs渲染或columnDefs数据函数)这可能吗?还是我的方法有缺陷,我需要寻找其他方

  10. javascript - Sequelize 按日期分组,忽略小时/分钟/秒 - 2

    嘿,所以我正在尝试使用Sequelize(用于postgreSQL的Node.jsORM)从数据库中查询,我正在尝试按日期范围分组,并计算该表中有多少项目。现在我的代码是Task.findAll({attributes:['createdAt'],group:'createdAt'})但如您所见,分组仅考虑确切的日期(包括秒数),因此分组实际上毫无意义,因为无论如何都不会有重叠的项目具有完全相同的秒数。所以我希望它只是基于日、年和月进行分组。我假设它必须是类似sequelize.fn(...)的东西 最佳答案

随机推荐

  1. javascript - Flow : "?() => void" 这个问号是什么意思 - 2

    在GitHubproject中我最近看到了这个函数声明:functionconfigureStore(onComplete:?()=>void){这个问号是关于什么的?我猜,onComplete是命名参数,获取函数调用。问号表示此参数可以是可选的,并且默认为“void”,这意味着与nil/null指针相同,这意味着此处分配的“无闭包”。我说得对吗? 最佳答案 差不多。()=>void是Fl​​ow对不返回任何内容的函数的注释(undefined,又名void0)。?MyType中的前导问号是Flow表达可空类型的方式。因此在这

  2. javascript - JavaScript 中的双重 for 循环 - 2

    varstartx=0,starty=0,endx=12,endy=100;for(startx;startx<=endx;startx+=1){for(starty;starty<=endy;starty+=1){console.log(startx,endx,starty,endy);}}预期输出:0,12,0,1000,12,1,1000,12,2,100...0,12,100,1001,12,0,1001,12,1,100...12,12,100,100;EOOChrome39+上的输出0,12,0,1000,12,1,1000,12,2,100...0,12,10

  3. javascript - Chart.js Line,负点的不同填充颜色 - 2

    当点为负时,我需要更改LineChart.js中的填充颜色(内部区域)。代码简单基础:$(document).ready(function(){varctx=$("#myChart").get(0).getContext("2d");vardata={labels:["January","February","March","April","May","June","July"],datasets:[{label:"MyFirstdat

  4. javascript - Angular JS 类型错误 : $http is not a function - 2

    我已经阅读了所有人们遇到$http不是函数的问题的帖子,看起来大部分是由于注入(inject)顺序错误所致。我的模块定义如下:angular.module("app",[]).controller("appCtrl",['$scope','$http',function($scope,$http){...$scope.makeCall=function($http){console.log("HERE");$http({method:'GET',url:<url}).then(func

  5. Javascript promise 序列 - 2

    我想按顺序处理一些promise。我有一个workingpieceofcode下面,但我想知道我是否将promise的链接过于复杂。我似乎正在创建大量新的闭包,我挠头想知道我是否遗漏了什么。这个函数有没有更好的写法:'usestrict';addElement("first").then(x=>{returnaddElement("second")}).then(x=>{returnaddElement("third")}).then(x=>{returnaddElement("fourth

  6. javascript - 传单:检测标记何时超出视野 - 2

    我有一个包含地理位置结果的表格,用户可以在其中单击以在map中设置该位置。map已经加载,用户可能已经平移/滚动,所有这些位置可能都在视线之外。因此,当用户单击表中某个位置的按钮时,我需要检查该标记是否已在map中可见。并且仅当不可见时,才调用setView并放大该位置;否则,我只是更改标记的颜色(不平移,不缩放)。传单是否有任何API来检查图层/标记当前是否已在map中呈现? 最佳答案 可能map.getBounds().contains(myMarker.getLatLng())引用资料:map.getBounds()返回当前m

  7. javascript - 当 redux 状态更新时在组件上调用 forceUpdate() - 2

    我有一个问题,redux状态被成功更新,但react组件没有重新渲染,经过一些研究我相信[forceUpdate()][1]可以解决我的问题,但我是不确定实现它的正确方法,即在redux状态更新之后。我尝试在github上查找示例,但没有成功。 最佳答案 正如其他人所说,forceUpdate()基本上是一种hack。只要Prop和状态发生变化,您就可以免费获得更新。React和Redux可以无缝协作,因此请避免任何此类黑客行为。如果您的Redux状态正确更新而您的ReactView没有正确更新,那么您很可能没有以不可变的方式更新。

  8. javascript - 在 WebRTC 连接中检测离线对等体 - 2

    我们正在使用WebRTC开发从移动设备到计算机的视频流。移动设备可能会完全失去连接,计算机应该能够检测到。现在,视频刚刚卡住。但是EventHandlersofRTCPeerConnection都不是在这种情况下被调用。那么如何才能在另一个对等点上检测到这种连接失败呢?对等点如何首先检测连接建立时的连接问题? 最佳答案 作为Firefox中的解决方法,您可以使用getStats来检测数据包是否停止传入:varfindStat=(m,type)=>[...m.values()].find(s=>s.type==type&a

  9. javascript - 如何强制数据表重新渲染或重新加载静态数据? - 2

    我有一个使用HTML文件中的静态数据的数据表。使用“columnDefsdata”函数或“columnDefsrender”函数,我可以执行一些输出调整——根据它们的内容和它们在当前显示页面上的位置(不改变数据源)。但是,当用户更改显示的行数时,我需要重置并重做我对数据的调整,因为不同的单元格现在需要消隐,而之前消隐的条目可能需要再次显示。所以,我想做的是在“length.dt”事件(刚刚更改的显示行数)中调用something导致数据表重新呈现整个表,或重新加载整个数据(从而调用我的columnDefs渲染或columnDefs数据函数)这可能吗?还是我的方法有缺陷,我需要寻找其他方

  10. javascript - Sequelize 按日期分组,忽略小时/分钟/秒 - 2

    嘿,所以我正在尝试使用Sequelize(用于postgreSQL的Node.jsORM)从数据库中查询,我正在尝试按日期范围分组,并计算该表中有多少项目。现在我的代码是Task.findAll({attributes:['createdAt'],group:'createdAt'})但如您所见,分组仅考虑确切的日期(包括秒数),因此分组实际上毫无意义,因为无论如何都不会有重叠的项目具有完全相同的秒数。所以我希望它只是基于日、年和月进行分组。我假设它必须是类似sequelize.fn(...)的东西 最佳答案