动态添加js文件

视频播放页的所有功能都已经完成：

• 热身视频的载入
• 运动时心率的刷新（每隔5s刷新一次）
• 热身视频播放完成后载入运动视频
• 运动结束后弹出运动报告
• 视频暂停与播放时各项对应的CSS的变化

在最后跳出运动报告的时候 由于运动报告页面不是我的工作范围 在最后整合的时候 采用了动态添加js文件的方法 将同学的代码载入。

第一次尝试 采用百度上的 writeln方法

document.writeln("<script type=\"text/javascript\" src=\"file.js\">"+
"</script>");

运行失败！！！
运动结束后运动报表未弹出，页面一片空白，查看控制台,原HTML文件中只剩下<script>,其他元素全部消失。

第二次尝试采用了书本上的方法
将script的载入封装成一个函数

function loadScript(url){
var script=document.createElement('script');
script.type="text/javascript";
script.src=url;
document.body.appendChild(script);
}

在你需要使用该函数的地方直接引用，将url参数替换即可loadScript("**.js");

最后运行成功，运动报告成功弹出！！

在看书的过程中发现了改正第一种尝试中的错误
在第二个 </script>中加入一个转义符即可-><\/script>

具体能不能成功没有未知，没有尝试！