innerHTML文字列を設定すると、構文エラーが発生します

Question

ここでは、私はここを見てきましたが、ほとんどの場合、エスケープの問題があると言います。私はグーグルを見て、ほとんどの例は、1つのdivのテキストを別のものに置き換えるなどです。ここでは、 "mainMidSec"のデフォルトの内容を.jsのif文に置き換えたいとします。

私は、モバイルサイトで何かをテストしようとしていますが、構文エラーが出ています。私はそれが引用符等と関係していることはほぼ肯定的です...私は外側の二重内側の一重引用符を試して、それ以外の方法とそれを取っていない。私は喜んでと謙虚に受け入れるだろう

<script type="text/javascript"> 

var screenW = document.getElementById('mainMidSec'); 

if ((screen.width<=800) && (screen.height<=800)) 
{ 

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"> 
    <source src="videos/mp4-video-versions/2010reel_MP4.mp4"> 
    <p> Your current web browser is out of date . Please update it wont you...pretty please?</p> 
</video>' 

} 

</script> 

任意のアイデア/提案/知識爆弾君たち私にドロップします。ここでは

は、コードがあります！

Answer 1

複数の行にまたがる文字列を分割することはできません。

単一の行に文字列を入れてください：

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"><source src="videos/mp4-video-versions/2010reel_MP4.mp4"><p> Your current web browser is out of date . Please update it wont you...pretty please?</p></video>'; 

、または各ラインに別々の文字列を作る：JavaScriptで

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg">' + 
    '<source src="videos/mp4-video-versions/2010reel_MP4.mp4">' + 
    '<p> Your current web browser is out of date . Please update it wont you...pretty please?</p>' + 
    '</video>'; 

Answer 2

を、あなたは、文字列内の改行を持つことができません。試してみてください：

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"><source src="videos/mp4-video-versions/2010reel_MP4.mp4"> <p> Your current web browser is out of date . Please update it wont you...pretty please?</p></video>' 

をまた、モバイルデバイス用の代替レイアウトに対処するための推奨方法である、CSS Media Queriesを見てみましょう。

Answer 3

変更：

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"> 
<source src="videos/mp4-video-versions/2010reel_MP4.mp4"> 
<p> Your current web browser is out of date . Please update it wont you...pretty please?</p> 

「

へ：

screenW.innerHTML = '<video width="500" height="400" controls poster="imgs/vidPosterImgSMALLER.jpg"> ' + 
'<source src="videos/mp4-video-versions/2010reel_MP4.mp4"> ' + 
'<p> Your current web browser is out of date . Please update it wont you...pretty please?</p> ' + 

''