Javascript 通过单击按钮更改x3dom模型_Javascript_X3dom

Javascript 通过单击按钮更改x3dom模型

javascript

Javascript 通过单击按钮更改x3dom模型,javascript,x3dom,Javascript,X3dom,我有两个x3d文件，即1.x3d和12.x3d，我想用一个按钮将它们加载到画布上，但我的代码似乎不起作用。我在左上角看到加载图标，但是模型没有改变这是我的密码：- <!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html;charset=utf-8'></meta> <link rel='s

我有两个x3d文件，即

1.x3d

和

12.x3d

，我想用一个按钮将它们加载到画布上，但我的代码似乎不起作用。我在左上角看到加载图标，但是模型没有改变

这是我的密码：-

<!DOCTYPE html>
  <html>
    <head>
      <meta http-equiv='Content-Type' content='text/html;charset=utf-8'></meta>
      <link rel='stylesheet' type='text/css' href='http://www.x3dom.org/x3dom/release/x3dom.css'></link>
      <script type='text/javascript' src='http://www.x3dom.org/x3dom/release/x3dom.js'></script>


      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
      <script>
          $(document).ready(function(){
          $("button").click(function(){
           $("x3d > scene > inline").attr("url", "1.x3d");
          });
         });
      </script>

    </head>
   <body>

      <button> Click to Change Background </button>

      <x3d id='someUniqueId' showStat='false' showLog='false' x='0px' y='0px' width='400px' height='400px'>
       <scene>
          <inline id="myinline" url='12.x3d' ></inline>
       <scene>
      </x3d>
   </body>
 </html>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“x3d>场景>内联”）.attr（“url”，“1.x3d”）；
});
});
单击以更改背景

我对它进行了测试，它可以正常工作，但您不能在本地进行测试

无法加载XMLHttpRequestfile:///C:/Users/xxx/Desktop/12.x3d. 跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源。

我在Web服务器上有它：-。当我单击“更改”按钮时，加载图标旋转一秒钟，然后加载相同的模型。