視頻播放頁(yè)的所有功能都已經(jīng)完成：

• 熱身視頻的載入
• 運(yùn)動(dòng)時(shí)心率的刷新（每隔5s刷新一次）
• 熱身視頻播放完成后載入運(yùn)動(dòng)視頻
• 運(yùn)動(dòng)結(jié)束后彈出運(yùn)動(dòng)報(bào)告
• 視頻暫停與播放時(shí)各項(xiàng)對(duì)應(yīng)的CSS的變化

在最后跳出運(yùn)動(dòng)報(bào)告的時(shí)候 由于運(yùn)動(dòng)報(bào)告頁(yè)面不是我的工作范圍 在最后整合的時(shí)候 采用了動(dòng)態(tài)添加js文件的方法 將同學(xué)的代碼載入。

第一次嘗試 采用百度上的 writeln方法

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

運(yùn)行失敗?。?！
運(yùn)動(dòng)結(jié)束后運(yùn)動(dòng)報(bào)表未彈出，頁(yè)面一片空白，查看控制臺(tái),原HTML文件中只剩下<script>,其他元素全部消失。

第二次嘗試采用了書本上的方法
將script的載入封裝成一個(gè)函數(shù)

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

在你需要使用該函數(shù)的地方直接引用，將url參數(shù)替換即可loadScript("**.js");

最后運(yùn)行成功，運(yùn)動(dòng)報(bào)告成功彈出！！

在看書的過(guò)程中發(fā)現(xiàn)了改正第一種嘗試中的錯(cuò)誤
在第二個(gè) </script>中加入一個(gè)轉(zhuǎn)義符即可-><\/script>

具體能不能成功沒(méi)有未知，沒(méi)有嘗試！