Dom动态添加ActiveX控件方式加载三维插件

最新推荐文章于 2022-01-12 16:38:08 发布

katherine_yy

最新推荐文章于 2022-01-12 16:38:08 发布

阅读量419

点赞数

分类专栏： 03 CityMaker点滴

本文链接：https://blog.csdn.net/wagner_zk/article/details/82190388

版权

03 CityMaker点滴专栏收录该内容

5 篇文章 0 订阅

订阅专栏

SDK里传统方式都是提前定义好object，例如：

<body>
<button onclick="fullScreen()"> FullScreen</button>
<button onclick="captureScreen()"> CaptureScreen</button>
<select id="eWeather" onchange="changeWeather()">
  <option>晴天</option>
  <option>小雨</option>
  <option>中雨</option>
  <option>大雨</option>
  <option>小雪</option>
  <option>中雪</option>
  <option>大雪</option>
</select>
<button onclick="play()"> Play</button>
<button onclick="pause()"> Pause</button> 
<button onclick="stop()"> Stop</button>
<br />
<object id="renderControl" type="application/x-cm-3d8" style="height: 600px; width: 800px">
</object>
</body>

这里记录下在js代码里appendChild方式进行加载：

<body>
<div id="3d"></div>
</body>
<script type="text/javascript">
function init(){
    var ocxDocument = document.getElementById("3d");
    var ocxObject = document.createElement('object');
    ocxObject.style.width="800px";
    ocxObject.style.height="600px";
    ocxObject.id="renderControl";
    ocxObject.type="application/x-cm-3d8";
    ocxDocument.appendChild(ocxObject);
}
</script>

能达到跟上面一样的效果。

参考：https://www.cnblogs.com/GuominQiu/archive/2013/08/17/3263748.html