动态添加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>

具体能不能成功没有未知,没有尝试!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,056评论 3 119
  • 理论 我们看到了一些特征检测算法,他们很多都不错,但是从实时应用的角度看,他们都不够快,一个最好的例子是SLAM(...
    xxxss阅读 9,745评论 0 51
  • 在北京近1年,一个10几平的小屋,一份悠闲的工作,一份刚好养活自己的工资,让我沉浸在自我的世界,产生了就这样一辈子...
    念默言阅读 3,926评论 5 11
  • 可怜夜夜气如秋,一片孤心向谁诉。 此时有月不见君,思君却在明月处。
    姑射阅读 1,513评论 1 8
  • 2018年10月第二周: 问问自己,皮囊下的灵魂是什么样的? 第一次见到这本书的时候,是在微信读书...
    南山之木阅读 4,233评论 0 1

友情链接更多精彩内容